Drawerの不具合

Home  >>  新着情報  >>  ウェブログプラス  >>  Drawerの不具合

Drawerの不具合

2017年10月13日(金) / / ウェブログプラス

ドロワーメニューの実装に便利なプラグイン「Drawer」。

http://git.blivesta.com/drawer/fixed-navbar/top/

とても使いやすいのですが、これをBootstrapで構築しているサイトに導入すると、以下の不具合が発生します。

  • スマホ時にプルダウンメニューのタップが効かない

 

原因は、bootstrap.css(bootstrap.min.css)のドロップダウンに関する記述が、drawer.css(drawer.min.css)のドロップダウンに関する記述よりも優先されてしまうためです。(コンフリクトとはちょっと違う気もします)

 

したがって、drawerとbootstrapを同時に利用するときの応急措置として、bootstrap.css内のドロップダウンに関する記述部分をコメントアウトすれば不具合は解消します。

.bootstrap.cssでは、3502行あたり(.caret)から3644行あたり(.navbar-right .dropdown-menu-left)までをコメントアウトします。

上記をコメントアウトしても、ドロップダウンの動作はdrawer.cssに記述されているので問題ありません。

 

【追記 2017.10.13】

Drawerは当社が提供しているプラグインではありません。

お間違えの無いようお願いいたします。

自社案件以外にもクライアント案件制作実績が多数あります。
ご連絡いただければ該当URLを開示いたします。
お問い合わせフォームよりご連絡ください。

Comments are closed.