先日の上部帯UIの件
先日の記事で、上部帯UI(メニューバー)を簡単に実現するような機能を公式Javascriptのタブ機能を拡張する形で追加する方向だと書きましたが、
タブ機能のコードに数行追加するだけでクリック(等)されるボタンの位置に応じてプルダウン(やプルアップ)メニューを表示することはできそうなのですが、
タブ機能ではボタンと表示する領域に枠線が有り境界が出来る場合に、ボタンのmarginに枠線幅分のマイナス値を設定することで枠線を重ねるという方法で、CSSレベルで境界を消すことが出来るのですが、
DOMで座標を取得してポップアップさせる場合、この方法だと領域が重ならないようで、境界線を消そうとするとコードが複雑になってしまいそうです。
タブ機能と共通化した上で汎用性の高い機能は提供できなそうで、
機能を実現するなら、枠線のサイズ等に応じて個別のコードを用意したほうが良いかなと思うので、
この件は実装しないことにします。
タブ機能のコードに数行追加するだけでクリック(等)されるボタンの位置に応じてプルダウン(やプルアップ)メニューを表示することはできそうなのですが、
タブ機能ではボタンと表示する領域に枠線が有り境界が出来る場合に、ボタンのmarginに枠線幅分のマイナス値を設定することで枠線を重ねるという方法で、CSSレベルで境界を消すことが出来るのですが、
DOMで座標を取得してポップアップさせる場合、この方法だと領域が重ならないようで、境界線を消そうとするとコードが複雑になってしまいそうです。
タブ機能と共通化した上で汎用性の高い機能は提供できなそうで、
機能を実現するなら、枠線のサイズ等に応じて個別のコードを用意したほうが良いかなと思うので、
この件は実装しないことにします。