enchant.ui.buttonの描画サイズが指定したwidth, heightより大きくなる
Opened this issue · 2 comments
nabeix commented
デフォルトスタイルでpadding: 2px 10pxが適用されるため、
実際の描画サイズがオブジェクト生成時に指定したwidth, heightより大きくなります。
var button = new Button('ボタン', 'light', 320, 320);
この場合、height: 320px, width: 320pxでの描画が期待されると思いますが、
実際の描画サイズはheight: 324px, width: 340pxとなってしまいます。
デフォルトスタイルでpaddingを適用しないようにしてはどうでしょうか?
jinnaiyuu commented
paddingはhtml/CSSで簡単に変更出来、また現在のデフォルトスタイルを前提したアプリケーションもあるでしょうから、デフォルトスタイルの変更は難しいと思います。トップページのサンプルにもpadding: 0とありますが、widget.enchant.jsとui.enchant.jsにもpaddingについてのコメントを追加すると親切かもしれません。いかがでしょう。
nabeix commented
そうですね、デフォルトスタイルの変更は影響が大きそうです。ご提案の通り、コメントがあると分かり易いと思います。