tmegos blog

I love school idols / Web developer

Material UI

Material UIでFont iconsを使うときに自動翻訳されないようにする

現象 Google Chromeなどで翻訳機能をONにしていると、Font iconsが翻訳されてアイコンが表示されない ハンバーガーメニューのアイコンが出るはずなのに「メ」になっている 開発者ツールで見ると、「menu」が「メニュー」と訳されてしまっている

Material UI v5でのスタイリングエンジンをemotionからstyled-componentsに切り替える

Material UI v5ではスタイリング用のライブラリとしてemotionが使われるようです next.material-ui.com Material UIとは別にstyled-componentsを利用している場合、スタイリング用のライブラリが複数存在することになります Material UIでもstyled-component…

Material UIにてダイアログ内の入力欄がソフトウェアキーボードに隠れる問題を解決するための1つの方法

現象 Material UIでダイアログ内にautoFocusを有効にした入力欄がある場合、iOSで入力欄がソフトウェアキーボードに隠れる github.com 対策 ダイアログのtransitionを無効にすると、ソフトウェアキーボードが出たタイミングでスクロールされて入力欄が隠れな…