無料ブログ「rentafree.net」の管理人ブログ

Mobile版Firefoxの問題について2

今朝の記事で書きましたMobile版Firefoxの問題についてですが、
コンテキストメニューと上部メニューの2点の問題の回避を試し、その点はそれなりにうまく行ったのですが、
ロングタッチでコンテキストメニューが表示されると、同じくロングタッチで行うテキストの選択ができなくなるという重大な問題が生じました。
以前の実験でもこの点は判明していた記憶もありますが・・・

というわけで、今回の変更については現時点では見送りなのですが、
メニューに「1行選択」の様な項目を追加し、
rangeを変更することでテキスト選択のUIを出現させることはできないか?
とか実験してみようと思います。
多分解決不能だと思います・・・

Mobile版Firefoxの問題について

当サービスでは、ブログエディターでHTML5の<menu>によりコンテキストメニューに独自の項目を追加しており、それが現状Firefox以外で不可能なためFirefoxのみを推薦ブラウザとしていますが、
Mobile版Firefoxでは複数の重大な問題があるため、タッチパネル端末には推薦できるブラウザが存在しない状況となっています。


Mobile版Firefoxの問題の1つ目は、
PC版Firefoxではマウスの右クリックによりコンテキストメニューを表示し、タッチパネル端末ではロングタッチでコンテキストメニューが表示されるはずですが、
当サービスのブログエディターでは表示されていませんでした。
これについては、エディターでcontextmenuイベント時に処理をした後にイベントの伝達停止をしていますが、イベントの伝達停止をするとコンテキストメニューが表示されないことがわかっています。
ブラウザのバグですが、こちらの修正でイベントの伝達停止処理を外すことで問題を回避することは可能です。

Mobile版Firefoxの問題の2つ目は、
テキスト選択状態で上部ボタンから修飾を行うことができませんでした。
こちらもブラウザの挙動がおかしいのですが、
touchendイベントの後にclickを含めたマウス系イベントが発生しますが、
マウス系イベント時にselectionが破損?しているようで、touchendイベントよりも後にrangeを取得しようとするとスクリプトエラーが発生していたようです。
これについては、タッチパネルとマウスの両方を備えた端末で両方を使用して編集した場合に問題が生じる可能性がありますが、
応急の問題回避はできそうです。


この2点の問題回避を試し、別の重大な問題が発生しないようなら、
ブログエディターを差し替えてMobile版Firefoxをタッチパネル端末(Android)の推薦ブラウザにできるかもしれません。