HTML

jQuery+Flexboxでさくっと手抜きなモーダルウィンドウ

長い記事を書いていたらメモリ不足になってきたので、シンプルなTipsを書いてクールダウンしようと思います。

モーダルウィンドウを利用する場合、プラグインを利用することが多いかと思います。
実際にクローズボタンやそれ以外の処理も含めてやってしまう場合は、プラグイン利用の方が簡単です。

一方で、そこまでしなくても…という場合があるのも事実です。
（モック作成とか、ワイヤーフレームをHTMLでやるとか）
ということで、サクッとモーダルウィンドウを実装してみたいと思います。

いつまでたってもWeb系技術者の前に立ちふさがる、悪魔の存在「Internet Explorer」…。
Windows10で「Microsoft Edge」が標準ブラウザになってからも、しぶとく生き延びています。

他のブラウザで確認した場合は全く問題がないのに、なぜか「IEだけ」トラブルが発生することが多々あります。

今回はIEでだけ、SVGのサイズが意図したサイズにならない場合の対処法です。

開発中のWebアプリで、オートコンプリートがバグりました。
DevToolsにも不審なログはなく、関連しそうなCSSを無効化、イベントリスナーの変更なども試しましたが解消せず。

現象が確認できたのはWindows版のChromeのみで、他のブラウザは問題ありませんでしたが、要件を見直してオートコンプリートを無効にすることを決断しました。

そして色々と調べてみると「オートコンプリートは無効化できない」というような記事がざくざく。
無事に無効化できたので、Tipsとして残しておきます。