teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

同じ回答が重複した為、削除できない為に変更

2021/03/16 11:42

投稿

Dounatterun
Dounatterun

スコア1

answer CHANGED
@@ -1,56 +1,2 @@
1
- **自己解決しましたのでお知らせします**
1
+ 回答が重複しましたので以下ご参照ください
2
- 厳密にこれで良いのか解りませんが、**バブリング**と**イベント**に原因があったようです。
3
- とりあえずこれでiPhoneでの挙動Androidでの挙動が直りました・・・たぶん。
4
- ※逆に古すぎるスマホ・最新のスマホで挙動がどうかは未検証の為解りませんのでご了承ください。
5
- ※firefoxの開発ツール&エミュレーター(アドオオン:User-Agent Switcher)でも動作は正常です。
6
-
7
- **【原因】leaflet.locationlist.js 内のバブリングの問題と selectタグに対するイベントが change じゃなかったから・・・!?**
8
-
9
- **以下の部分を修正しました。**
10
-
11
- [https://github.com/mithron/leaflet.locationlist/blob/master/src/leaflet.locationlist.js](https://github.com/mithron/leaflet.locationlist/blob/master/src/leaflet.locationlist.js)
12
-
13
- ---
14
- **34行目**
15
- ```ここに言語を入力
16
- L.DomEvent.on(container, 'click', L.DomEvent.stopPropagation);
17
- ```
18
-
19
- 以下に変更
20
-
21
- ```ここに言語を入力
22
- L.DomEvent.on(container, 'touchstart', L.DomEvent.stopPropagation);//スマホ用iPhone用
23
- L.DomEvent.on(container, 'mouseup', L.DomEvent.preventDefault);//PC用
24
- //PC用は若干気持ち悪い気もしますがこうしておかないとマップを掴んだまま離さない現象が出る。
25
- //touchstartも反応してるのかもしれないですが・・・良く解りません。
26
- //間違ってらすみません・・・(^^;)
2
+ ※自己解決の回答が重複し為、削除できない為に変更
27
- ```
28
- ---
29
- **52・53行目**
30
- ```ここに言語を入力
31
- L.DomEven
32
- .addListener(this._fullist, 'click', this._onListChange, this);
33
- ```
34
-
35
- 以下に変更
36
-
37
- ```ここに言語を入力
38
- L.DomEvent.addListener(this._fullist, 'change', this._onListChange, this);
39
- //セレクトメニューなので素直にchangeにしたらあら素敵。一つ前表示現象が改善されました。
40
- ```
41
- ---
42
- **79~82行目**
43
- ```ここに言語を入力
44
- L.DomEvent
45
- // .addListener(option, 'click', L.DomEvent.stopPropagation)
46
- // .addListener(option, 'click', L.DomEvent.preventDefault);
47
- .addListener(option, 'click', this._onListChange, this);
48
- ```
49
-
50
- 以下に変更
51
-
52
- ```ここに言語を入力
53
- L.DomEvent.addListener(option, 'touchend', this._onListChange, this);//スマホ用
54
- L.DomEvent.addListener(option, 'mouseup', this._onListChange, this);//PC用
55
- //ここはclickのままでも問題無さそうですが一応変更しました。
56
- ```