Giter Site home page Giter Site logo

Comments (6)

mallowlabs avatar mallowlabs commented on July 19, 2024

少し古いバージョンでは、Firefox では動かない不具合がありましたが、
41014b5 で修正したはずですので
v0.8 ( ce73c20 ) であれば動くと思います。

お手数ですが、お使いの AsakusaSatellite のバージョンをご教示いただけませんか?
また、Firefox のエラーコンソールに表示されるエラーの内容もわかれば教えてください。

from asakusasatellite.

mitsuba-clover avatar mitsuba-clover commented on July 19, 2024

v0.8を使っていました。エラーコンソールに特にエラーは表示されませんでした。
なお、試しに 41014b5 の一つ前 e5efb9d をcheckoutしてみたところ、Firefox (16.0.2 および ESR 10.0.10) でファイルをアップロードすることができました。
41014b5 の修正が逆効果となっているようにみえます。

from asakusasatellite.

mallowlabs avatar mallowlabs commented on July 19, 2024

ご返信ありがとうございます。
41014b5e5efb9d の両方で試してみましたが、私の環境では、Firefox 16.0.2 及び Firefox 17.0 (beta) で両方共アップロードできてしまいました。

念のため、以下の手順で再度挑戦していただけないでしょうか?

  1. AsakusaSatellite にログアウト→ログインします
  2. 部屋を開きます
  3. 画像ファイルをドラッグし、 メッセージの入力エリア にドロップします

また、Google Chrome でも同じ操作をして動作するかどうかを確認いただけないでしょうか?

なお、head では、入力エリアとメッセージエリアだけではなく、
画面全体でドロップを受け入れるようになったので挙動が変わって動作するかもしれません。

こちらで再現できずお手数をお掛けしますが、ご協力をお願いいたします。

from asakusasatellite.

mitsuba-clover avatar mitsuba-clover commented on July 19, 2024

こちらこそお手数をお掛けし恐縮です。
おっしゃる手順で試してみたものの、最初に述べたとおり、一瞬ボーダーが変化してドロップを受け付ける状態になったと思うと、すぐ元の表示に戻ってしまい、アップロードできません。
なお、Google Chromeではどのリビジョンでも期待通りアップロードできました。

その後、独自にコードに手を加えて試していたところ、v0.8.0のコードに対し以下の修正を行うと、期待通りFirefoxでもアップロードできるようになりました。

diff --git a/app/assets/javascripts/jquery-dropUploader.js b/app/assets/javascripts/jquery-dropUploader.js
index 31d1be6..e21dbb0 100644
--- a/app/assets/javascripts/jquery-dropUploader.js
+++ b/app/assets/javascripts/jquery-dropUploader.js
@@ -88,6 +88,13 @@
                     false
                 );
                 elm.addEventListener(
+                    'dragover',
+                    function(e){
+                        e.preventDefault();
+                    },
+                    false
+                );
+                elm.addEventListener(
                     'dragleave',
                     function(e){
                         _onMouseout(this);

この修正が適当かどうか怪しいですが、適用をご検討いただければ幸いです。

from asakusasatellite.

mallowlabs avatar mallowlabs commented on July 19, 2024

ご返信ありがとうございます。

確認したところ、Firefox 対応のコミットは 41014b5 (v0.8以前のコミット) ではなく d50ae00 (v0.8以降のコミット) だったようです。

d50ae00 には、ご提案いただいた dragover のキャンセル処理も入っております。
ということで、もう一度 head を試していただけないでしょうか?

手元の環境では確かに Firefox でも動いたのですが…すみません。

from asakusasatellite.

mitsuba-clover avatar mitsuba-clover commented on July 19, 2024

ようやく原因がつかめました。 d50ae00 ではスタイルシート(SCSS)が修正されていますが、これをコンパイルしたCSSファイルが(サーバ側で)キャッシュされたまま更新されていませんでした。
キャッシュを削除し、スタイルシートを再生成させたところ、FirefoxでもD&Dできるようになりました。
ご迷惑おかけいたしました。クローズします。

from asakusasatellite.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.