I have a template that contains a login form inside a semantic UI modal (notably the useraccounts:semantic-ui package). On submission, I made it so that it hides the modal if the login is a success. It does hide the modal, however, it keeps the dimmer there.
No need to be dramatic, questions go unanswered in every community if there are nobody around at the time who knows the answer at the to the question, regardless of the number of active users.
Now, where in the DOM is the dimmer? What I think happens is that semantic moves the modal outside the normal flow, and there becomes a conflict between what blaze does with the DOM and what Semantic tries to do. Combining the semantic jquery commands like hide and open with blaze’s conditional rendering of the modal could cause issues. I’d therefore use one or the other.
Try removing the unless clause, keeping the modal there, and open the modal with jquery in an onRendered callback.
Well you may say I’m being dramatic. But I’m with Meteor for years and I do see a very active forum getting slower and slower then more and more unanswered post. That is true. I don’t wish this to happen but it does.
I’m still with Meteor and I do hope community will be more active and involve.
For now, thank you very much for your suggestion. Appreciate it much.
We gotta turn the tide then, don’t we There is no reason to be pessimistic about Meteor at the moment, with the release of 1.7, great integration with Apollo (where all the hype is at the moment) and other things just remaining rock steady. The framework itself is better than it’s ever been, but steady iteration on working software may not generate as much community activity as something brand new and shiny.
I tried detachable: false and it doesnt work as it should. The modal is below/under the dimmer. The modal also not floating and it just flow and normal DIV.
Ah, that last one (modal under the dimmer) is a bug on the recent versions of Semantic UI. The modal element is missing a css position statement. Adding position: relative; to the div should fix it. (z-index is ineffective for elements without position)