新しいカードタイプにスライダーコントロールを実装しようとしていますが、ドラッグイベントの伝播を停止することは不可能のようです。 その結果、スライダーを動かそうとすると、代わりにカード全体がドラッグされます。 カードのドラッグとサイズ変更を(一時的に)無効にするように親カードに指示する方法が必要です。
@canadaduane .preventDefaultを呼び出すことができますか? テキストエディタとボードの間のバックスペースキーの周りでキープレス処理がどのように機能するかを見てください。 それは私たちがここでどのように進歩できるかについての手がかりかもしれません。
はい、 preventDefault
とstopPropagation
の両方を試しました( onDrag
と、 onStart
やonDragStart
などの他のバリエーションで承知しました)。 私はreact-draggable
とDraggableCore
に特に精通していないので、何かが足りないかもしれません。
何が起こっているのかよくわからず、この他のものをプレートから取り除くまで見ることができません。 私は最近、アップグレードブランチの一部としてreact-draggableをベンダーとして提供し、そのほとんどを削除しました。 あなたがそこをうろついているのなら、それは本当に簡単です。
これが、私が追加している「Let'sDecide」コンテンツカードの仕掛品です。 スライダーが表示されている状態にするには、3人のユーザーが必要であり、各ユーザーは[投票する準備ができていますか?]をクリックする必要があります。 親指を立てるボタン。 (誰かが少なくとも1つのアイデアを追加する必要があり、そのアイデアは「提案」セクションに移動する必要があります)。
https://github.com/canadaduane/pushpin/tree/decision-content
現在の問題が何であれ、再現するための手順を教えてください。 私はそれを修正することを約束することはできませんが、私はPRにオープンであり、少なくとも一瞥したいと思います。
OK、これが新しい「アップグレードされた」マスターブランチで動作する新しいバージョンです。
https://github.com/canadaduane/pushpin/tree/upgrade-decision
「Let'sDecide」カードを作成して、スライダーのノブを動かしてみてください。
これについてさらに考えてみてください...「テキスト」カードのテキストを強調表示してみたところ、ドラッグもあることに気づきました。 カード全体をドラッグ可能にするのではなく、カードをドラッグ可能なヘッダーバー付きのミニウィンドウにする方がよいのではないかと思います。
それが私たちがFarmで試したことです-それはいくつかの利点がありますが、それは多くを消費します
希少なスクリーンの不動産であり、UXクロームです。
可能な限り。
2019年6月10日月曜日午前8時11分[email protected]
書きました:
これについてさらに考えて...「テキスト」カードのテキストを強調表示してみました
それもドラッグすることに気づきました。 より良いアプローチは
カードを作成するのではなく、ドラッグ可能なヘッダーバーを使用してミニウィンドウにする
カード全体をドラッグ可能。—
コメントしたのでこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
。
-
ピーター・ヴァン・ハーデンバーグ
カリフォルニア州サンフランシスコ
「すべてが美しく、何も害はありませんでした。」—カート・ヴォネガット
私はそれが不格好なUXクロームであることに同意します。 うまくいけば、私たちが発見できるある種の中間点があるでしょう。たとえば、列を機能させると、おそらくドラッグの必要性が少なくなり、ドラッグ可能なハンドルを「ドラッグモード」の後ろに隠すことができます。 ブレーンストーミングだけ。 それまでの間、ドラッグを一時的に無効にする方法を理解できるかもしれません;)
最も参考になるコメント
何が起こっているのかよくわからず、この他のものをプレートから取り除くまで見ることができません。 私は最近、アップグレードブランチの一部としてreact-draggableをベンダーとして提供し、そのほとんどを削除しました。 あなたがそこをうろついているのなら、それは本当に簡単です。