Skip to content
This repository has been archived by the owner on Sep 29, 2022. It is now read-only.

Conflict with react-bootstrap #42

Closed
kkarimi opened this issue Sep 21, 2015 · 2 comments
Closed

Conflict with react-bootstrap #42

kkarimi opened this issue Sep 21, 2015 · 2 comments

Comments

@kkarimi
Copy link
Contributor

kkarimi commented Sep 21, 2015

It seems that there is a weird conflict between react-mini-router and the popuar react-bootstrap, for the full problem please see here.

To replicate the problem you can go to here (source). Pressing the dropdown when you are on the about page, the app navigates back to home.

I have tried to debug the RouterMixin but with little success. Do you have any ideas? Thanks

@kkarimi
Copy link
Contributor Author

kkarimi commented Sep 21, 2015

So with a quick hack I have modified the handeClick like this and it fixes the problem temporarily..

handleClick: function(evt) {
    var dropdownevt = (evt.path[0].id === 'acc-dropdown');
    if (url && self.matchRoute(url.pathname) && !dropdownevt) {    ...

@molson504x
Copy link

@kkarimi Have you tried creating the dropdown button without using an anchor tag? Or without putting the href attribute in your anchor tag?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants