タイトルが不適切で申し訳ありません。何と名付ければよいか分かりません!
カスタムセクションの追加インターフェースにあるフィールドにテキストが入力されている場合、そのテキストを選択することができません。不仅如此、カーソルをその中のどこにも配置することもできません。
Windows 11、Firefox 152 を使用しています。
タイトルが不適切で申し訳ありません。何と名付ければよいか分かりません!
カスタムセクションの追加インターフェースにあるフィールドにテキストが入力されている場合、そのテキストを選択することができません。不仅如此、カーソルをその中のどこにも配置することもできません。
Windows 11、Firefox 152 を使用しています。
私のMacBook、Linuxマシン、iPad、iPhoneのいずれのフォーラムやメタでも、これを再現することができません。最新バージョンのDiscourseでは、カスタムサイドバーのセクションフィールドは期待通りに動作しています。セーフモードを試していただけますか?
セーフモードの存在を忘れていました。ありがとうございます。
残念ながら、セーフモードでも同じ問題が発生しています。
ただし、"ゴースト"画像として見えていたものが、アイテムの順序を変更するためのインターフェースであることは分かりました。私は常にテキストの行を選択しようとしていたので、実際にはアイテムを新しい位置にドラッグすることを期待していることに気づきませんでした。これは理にかなっていますか?
Chromeでも試してみましたが、そこでは発生していません。
MetaのFirefoxでも試しましたが、同じ問題が発生しています:
ポインタが、実際のドラッグハンドルをクリックしたときに表示される点線の枠付き矢印に変わっているのが分かります。
おそらくこれはWindows版Firefox特有の問題でしょう。なぜなら、私が使用するブラウザやデバイスが何であっても、期待通りに動作するからです。私はWindowsを一切使用していません。
OK、ハンドル(sidebar-section-form-link row-wrapper)の親要素、つまり行全体に -webkit-user-drag: none; が設定されているのに対し、実際のハンドルには -webkit-user-drag: element; が設定されていることがわかります。
もちろん、Windows版FirefoxではWebKitはサポートされていません。
詳細な調査ありがとうございます!根本原因を正確に突き止めましたね。バグの原因は、draggable="true" が行全体を囲むラッパーに設定されていることです。また、ハンドル以外の要素でのドラッグ動作を抑制するために使用されている CSS プロパティ(-webkit-user-drag: none)は、確かに Firefox ではサポートされていないプロパティです。Firefox は「正しく」行全体をドラッグ可能として扱っており、これがテキストフィールドへのクリックを妨げていました。
修正済み:
ありがとう!! Discourseの開発者がここでこんなに活発に活動しているのは本当に素晴らしいことです。