ポリマー紙入力サフィックスが期待通りに機能しない

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が最終的にdomのpaper-inputに表示されるため、スタイリングが機能しません。セレクタが間違っています。あなたがスタイリング用のセレクタとしてobjectを保持すると、正しく動作します。

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

なぜ私はあなたが聞こえないのですか？tapリスナーは動作しません。それは私