폴리머 용지 입력 접미어가 예상대로 작동하지 않습니다.

Question

suffix 속성을 사용하여 <object> 요소를 통해 SVG를 중첩 한 용지 입력이 있습니다.

이제 <object> 요소를 탭하여 함수를 호출하고 싶습니다. 그래서 여기

Docs

내 코드입니다 :

HTML

<paper-input class="border" label="Deine Email-Adresse" no-label-float> 
    <object suffix data="../icons/arrow.svg" type="image/svg+xml" on-tap="_subscribeNewsletter"> 
     <!--<img src="fallback.jpg" />--> 
    </object> 
</paper-input> 

CSS

.newsletter-input paper-input object { 
    height : 60px; 
    width : 100px; 
    position: absolute; 
    right: -10px; 
    margin-top: 3px; 
    cursor: pointer; 
} 

가에 탭 해고되지 않고 포인터로 표시되는 커서입니다 .

입력 자체는 .newsletter-input div 안에 중첩되어 있습니다. div와 입력에 더 많은 스타일이 적용되어 필요에 따라 추가 할 수 있습니다. 알려주세요.

어떤 아이디어?

도움을 주시면 대단히 감사하겠습니다.

Answer 1

제대로 작동하고 다음 코드를 사용해보십시오 :

<paper-input class="border" label="Deine Email-Adresse" no-label-float> 
    <img suffix src="../icons/arrow.svg" onerror="this.src='fallback.png'" on-tap="_subscribeNewsletter" /> 
</paper-input> 

이 테스트 당신이 당신의 _subscribeNewsletter 메소드를 구현 했는가

Answer 2

object이 궁극적으로 으로 렌더링되었으므로 스타일이 적용되지 않습니다. 선택기가 잘못되었습니다. 스타일링을위한 선택자로 object을 유지하면 제대로 작동합니다. 당신이 tap 리스너 작동하지해야하는 이유

object { 
      height : 60px; 
      width : 100px; 
      position: absolute; 
      right: -10px; 
      margin-top: 3px; 
      cursor: pointer; 
     } 

그리고 난 표시되지 않습니다. 그것은 나