console error using new bootstrap 4.2.1

[pcodedviral]

hi sir,
i am using windows 10 in Chrome browser i will develop project with "Bootstrap 4.2.1"

when i am click on any portion of my page it will give error in console

when i am use bootstrap 4.1.3 then no error will display

can you help me solve this

[XhmikosR]

Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case via CodePen or JS Bin and report back with your link, Bootstrap version, and specific browser and Operating System details.

This is an automated reply

[pcodedviral]

i am using windows 10 in Chrome browser

[Yusufzai]

Are you modifying your project or starting form scratch?

[pcodedviral]

i am modifying my project

[pcodedviral]

an error will occurred if i am using a dropdown in my page
the sample code will be given below

<div class="dropdown">
    <a class="dropdown-toggle" href="javascript:" data-toggle="dropdown"><i class="icon feather icon-bell"></i></a>
    <div class="dropdown-menu dropdown-menu-right notification">
        <div class="noti-head">
            <h6 class="d-inline-block m-b-0">Notifications</h6>
            <div class="float-right">
                <a href="javascript:" class="m-r-10">mark as read</a>
                <a href="javascript:">clear all</a>
            </div>
        </div>
        <ul class="noti-body">
            <li class="n-title">
                <p class="m-b-0">NEW</p>
            </li>
        </ul>
        <div class="noti-footer">
            <a href="javascript:">show all</a>
        </div>
    </div>
</div>

in the above code in anchor tag if i am used href="#!", href="javascript:" then it occur error in console

but if i am using anchor tag without href or href="#" then it will work fine.

so can you help me for solving this in bootstrap 4.1.3 it will work fine

[pcodedviral]

check attached document of sample page

test.zip

[Yusufzai]

Thanks for the example. We will get back to you with the solution.

[Yusufzai]

Here is a fix for the problem.

https://codepen.io/anon/pen/JwJWBE

Let me know if this works for you

[rafalp]

I don't think that not using href= in link really counts as a fix, @Yusufzai ;)

The issue is that its pretty common pattern to have anchor open the dropdown, but also have proper href= that opens new page when user middle-clicks it.

[Johann-S]

@pcodedviral you can set your href attribute to # and it'll works.

Related to: #27912

It'll be fixed in our next release