2017-07-19 1 views
0

モバイルブラウザでPSKを閲覧すると、<paper-icon-button>(つまりメニューアイコン)などの<paper-*>要素の一部に気付き、<paper-fab>は "クリックすると "フォーカス"状態になる。これは期待される行動ですか?どのように処理する必要がありますか。モバイルブラウザでウェブアプリ(ポリマースタートキット)の「フォーカス」状態を処理する方法

私はデスクトップ上で、要素に「フォーカスする」ために「タブ」することができますが、モバイルブラウザで有効かどうかはわかりません。ありがとう!

答えて

0

私はこの問題に遭遇したことを覚えています。ペーパーファブをクリックする度に期待どおりに動作することに気付きました。それは、焦点を絞った状態で固まっている色です。 私はそれが醜いハックであり、あなたのシナリオには適していないかもしれないと知っていますが、私はちょうどそれがアクティブな状態でボタンの同じ色を設定しました。

--paper-fab-keyboard-focus-background 

documentation乗り越えながら、私は集中プロパティがあることに気づきました。これは "readOnly"プロパティですが、それを聞いて必要なときに背景色を変更することができます。

+0

私は '--paper-fab-keyboard-focus-background' CSSをオーバーライドすることに気づいています。これはちょっと醜いです。異なる要素の周りをナビゲートするためのキーボードを持たないモバイルデバイスだけで、一般に「フォーカス」状態を処理する適切な方法を知りたい。 –

+0

「公式」の方法に関する情報が出てきたら、私は本当にそれを正しい方法で処理する方法に興味があるので、ここでそれを更新してください。 – Niklas

関連する問題