Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Vue.js2 and semantic UI Sidebar conflict
See original GitHub issueAs you may know, already we must mount Vue.js 2 to a normal element, not body. so if I have something like this, semantic-ui gives me pusher and movedSidebar console errors.
<!DOCTYPE html>
<html>
<head>
//
</head>
<body>
<div id="app">
<div class="ui sidebar inverted vertical menu">
<a class="item">
1
</a>
...
</div>
<div class="pusher">
<!-- Site content !-->
</div>
</div>
</body>
</html>
and when I remove the #app element and mount Vue.js to the body, then it gives me this console error:
[Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.
Issue Analytics
- State:
- Created 7 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Semantic-UI: Two Sidebars Conflict, Only One at a Time?
By default, the Semantic UI Sidebar module is exclusive; in other words, only one can be open at a time. Semantic will hide...
Read more >A curated list of awesome things related to Vue.js - Gitee
A curated list of awesome things related to Vue.js.
Read more >[Solved]-Semantic UI Sidebar, partial height-Vue.js
Coding example for the question Semantic UI Sidebar, partial height-Vue.js.
Read more >Spacemacs layers list
Semantic is a package that provides a framework for writing parsers. ... It will conflict with the vue-mode package, make sure you don't...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@mehranrasulian I see, yeah so as I said you need to set the context to
#app.https://jsfiddle.net/jdzbzjtp/3/
@zephraph That should actually already be implemented.
@mehranrasulian Does setting the
contextsidebar setting to#appfix your problem?You can find a few more available settings here http://semantic-ui.com/modules/sidebar.html#/settings.
If it doesn’t, any chance you can post a jsfiddle that we can play with?