1

この xul マークアップを考慮すると、次のようになります。

<tabbox>
  <tabs>
    <tab>
      <textbox width="50">
    </tab>
  </tabs>
  <!-- ... -->
</tabbox>

... を<textbox>マウスで選択できません。<tab>子ノードへのマウスイベントを遮断しているようです。<textbox>マウスイベントを受信させるにはどうすればよいですか?

and要素の両方でmousethrough="always"andのような属性を試してみましたが、正直なところ、その属性が何をするのか完全にはわかりません。さらに、 a の要素にのみ適用できると思います。mousethrough="never"<tab><textbox><stack>

も試しallowevents="true"てみました<tab>が、残念ながらそれも何もしません。

ある程度機能するのは、次のような JavaScript を介してフォーカスを渡すことです。

theTab.addEventListener( 'focus', function( event ) {
  theTextbox.focus();
} );

...しかし、それはあまりにも不格好であり、それでも<textbox>適切に動作しません (テキストを選択できないなど)。その場合、おそらく多数のイベントに対してこれを実装する必要があります。

<tab>では、要素の子ノードを期待どおりに動作させるには、どのような簡単な手順を実行すればよいのでしょうか?

それとも、タブ XBL を完全に拡張する必要があるのでしょうか。タブは通常、ここで意図したように動作することを意図していないためです。

編集：

タブを完全に省略して、タブのように見える ,だけを使用することで、視覚的に少し偽造できる可能性があることに気づきました。<textbox>

<textbox id="someId"/>

#someId {
  -moz-appearance: tab
}

<tabs>...そして、それを何らかの形で要素に組み込んでみてください。

それでも、私は実際のソリューションを使用して、ある程度、実際のように動作<tab>させることができるようにしたいと思います（選択したときに少しポップアップするなど）。<tab><tab>

4

0 に答える 0