dropdown-toggle problem with google chrome

Report · Dec 28, 2017

Hi,

I'm tying to use a drop down menu but this doesn't work in google chrome on computer but work on properly on smart phone and tablet and computer with safari.

Somewere I have notice of this:

If insert before the </body> the strings below:

this can solve the problem with google chrome on computer (but doesn't work on tablet and smartphone)

Any hint?

Thank you.

Jhon.

Report · Dec 28, 2017

You are probably experiencing a conflict between jQuery and Bootstrap.

https://community.canvaslms.com/thread/19727-jquery-and-bootstrap-conflict

HTH,

^ _ ^

Report · Dec 28, 2017

I use the very latest jQuery 3.2 with Bootstrap 3.7 and have no problems.

<!doctype html>

<head>

<title>Bootstrap 3.3.7 Starter</title>

<style>

body {padding-top: 55px}

</style>

</head>

<body>

<div class="navbar-header"> <a class="navbar-brand" href="#"> BRAND NAME or LOGO </a>

</div>

<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <span class="caret"></span></a>

<li><a href="#">submenu 1-1</a></li>

<li><a href="#">submenu 1-2</a></li>

<li><a href="#">submenu 1-3</a></li>

</ul>

</li>

</ul>

</div>

</nav>

<h1>Hello World!</h1>

<h3>Bootstrap 3.7</h3>

</div>

PAGE CONTENT GOES HERE.....

</div>

PAGE CONTENT GOES HERE.....

</div>

PAGE CONTENT GOES HERE.....

</div>

PAGE CONTENT GOES HERE.....

</div>

</body>

</html>

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Dec 28, 2017

Thank you again Nancy!!!

Now work great!!

dropdown-toggle problem with google chrome

1 Correct answer

li.media.uploader-dialog.title