I’m using Semantic-UI in my Meteor application transitions work fine in the browser, but not on Android device.
The only way I can make them work is by adding a direct reference to Semantic-UI minified CSS file in my client/main.html file like so:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.11/semantic.min.css"></link>
This seems to duplicate almost everything and shouldn’t be necessary with Meteor, right? Without it, I get a transition error when I try to use controls such as dropdowns, modals, etc.
Transition: Element is no longer attached to DOM. Unable to animate.
I do have less, autoprefixer, postcss packages installed. Even if I try to import semantic.less directly in my main.less file, if I remove the reference in main.html, it doesn’t work.
@import './lib/semantic-ui/semantic.less';
I need help on this, so I hope this community could at least point me in the right direction!