<legend>はFirefoxやwebkit系でdisplayを変更できない

スマートフォン用にtable-cellでtable風の左右並びレイアウトを組む事があったのですが
何度やってもFirefoxとChrome、Safari(webkit系)で<legend>タグのdisplayがtable-cellに変わらない!

ずいぶん試した末に、<legend>を<span>や<div>など他のタグに変更したら同じCSSでdisplay:table-cellを指定できました。
まさかそこが原因だったとは。
不覚にも、<legend>が原因というのにたどり着くまで時間がかかりました。

くわしくはサンプルで。
“<legend>はFirefoxやwebkit系でdisplayを変更できない”の続きを読む

Firefoxとjavascriptのwindow.close()

久々に実装不可事例を見つけたのでメモ。

Firefoxは、javascriptで開いたwindowしかjavascript制御で閉じさせることができない。
これは、セキュリティポリシーでそう取り決めて実装されている仕様なので
サイト制作者レベルが小技でどうにかすることはできません。

つぎ、お客様に実装希望をいただいたら、実現不可であることを丁寧に説明することにしよう…。

以下サイトの検証がかなり参考になりました。

参考サイト
http://www.drk7.jp/MT/archives/001591.html