HTML | Memorandom

Chrome、Edge で <input type="file"> の Cancel イベントがキャンセルできない
2023/05/17 HTML JavaScript

<dialog>要素内の <input type="file"> のファイル選択ウインドウでキャンセルをクリックすると、ファイル選択ウインドウだけでなく、親の <dialog> 要素まで閉じられてしまいました。

続きを見る
Chrome、Edge 開発者ツールで CSS border-width が指定した値より小さくなる
2023/03/08 HTML CSS

CSS で border-width を指定しても、Chrome、Edge 開発者ツールの計算済みを確認すると指定した値よりも一定割合で小さくなった値が設定されました。結論開発者ツールのバグで対応不要ですが、事象等纏めておきました。

続きを見る
HTML head 内タグの最新の書き方
2022/11/27 HTML

HTML の <head> 内の一部のタグについて現行 HTML Living Standard ではどのように書くのが正しいのか、経緯も含め公式の仕様策定を引用しながら調べました。最近こういう書き方しないんだっけ？という人のお役に立てばと思います。

続きを見る
Safari で Osaka フォントの表示不具合を CSS で対処
2021/05/05 HTML CSS Safari

Safari で Osaka フォントのインライン要素は末尾に空白ができるバグがあります。CSS の font-feature-settings プロパティで解消できます。

続きを見る
CSS flex-grow が IE で効かない
2021/04/08 HTML CSS IE

IE11 で CSS の flex-grow が縦方向に効かないときの対処法。要は親要素に明示的に height を指定すれば解消される。

続きを見る

Chrome、Edge で <input type="file"> の Cancel イベントがキャンセルできない

Chrome、Edge 開発者ツールで CSS border-width が指定した値より小さくなる

HTML head 内タグの最新の書き方

Safari で Osaka フォントの表示不具合を CSS で対処

CSS flex-grow が IE で効かない