スマホ用トグルメニューのサブメニューのタッチ判定を伸ばしたいです

ちょっと CSS や JS を書いたりしてみたのですが、現状の仕組みだと伸ばすのは難しそうでした。申し訳ありませんが今後の検討課題とさせてください。

一応書いたコードは以下です（トグルのクリック範囲は広がるけど、リンククリックでドロワーが閉じることを防げない）。

document.addEventListener(
	'load',
	function() {
		var toggles = document.querySelectorAll('.c-drawer__toggle');
		[].slice.call(toggles).forEach(function(toggle) {
			var item = toggle.parentNode;
			[].slice.call(item.childNodes).some(function(child) {
				if ('a' === child.tagName.toLowerCase()) {
					var link = child;
					link.addEventListener(
						'click',
						function(event) {
							event.preventDefault();
							event.stopPropagation();
							toggle.click();
						},
						false
					);
					return true;
				}
			});
		});
	}
);

♥ 2

いいねをした人:

閉じれない動作はさほど不憫に感じないので、

「閉じれない」ではなく「閉じることを防げない」です！ リンククリックでトグルボタンが開閉するようになりますが、ドロワー自体は閉じてしまうので意味がないということになります。

なのでタッチ判定を伸ばすにはカスタマイズではだめで、もともとのドロワーの仕組み自体を見直す必要があると思います。それはすでに何らかのカスタマイズをしている方に影響が出る可能性があるのですぐにやるのは難しい、ということで検討課題にさせてください、ということです！

♥ 4

いいねをした人: