ember-cli-materialize icon indicating copy to clipboard operation
ember-cli-materialize copied to clipboard

Modal - No animation

Open meteormanaged opened this issue 8 years ago • 3 comments

When I build a modal as documented, revealed by the conditional, triggered by an action, the modal simply appears, rather than animating in as the other modals do.

As a side note, and not the issue reported here: Attempting to circumvent this potential bug, and rendering the modal in the documented materializecss way (building the modal hidden, opening with $().openModal(); works, and is animated, but closing the modal fails to close the overlay.

meteormanaged avatar May 18 '16 13:05 meteormanaged

Anyone else experiencing this?

meteormanaged avatar May 19 '16 20:05 meteormanaged

Yes, but I was trying to use {{#liquid-if}} to wrap {{#md-modal}}, which can't work since the actual content is in a container higher in the DOM. I haven't found a good solution yet.

jacobq avatar Jun 23 '16 19:06 jacobq

I'm not sure exactly what's going on, I'll see if I can dive into the code base a bit.

If you stick a modal on a page, it's up. The suggestion is adding an {{#if}} statement around the modal and triggering it's truthiness, which makes it just "appear".

Instead, it needs to get on the page, and then have Ember.$(element).openModal(optionsHash) called on it, which shouldn't be too difficult. If not replacing the {{#if}} statement, then as a second way of using it.

meteormanaged avatar Jun 23 '16 19:06 meteormanaged