question-mark
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.

[modal] m2.onShow is emit before m1.onHide since Fomantic v2.9.0

See original GitHub issue

Bug Report

UPDATE: see https://github.com/fomantic/Fomantic-UI/issues/2499#issuecomment-1283865639 post below first

in 2.8.8 it was working, verified by reverting only the Fomantic-UI dist files

Steps to reproduce

  1. open https://dev.agiletoolkit.org/demos/form/form.php (since https://github.com/atk4/ui/commit/e712791be0003603361ea25efb2dd34fce9191cc the JS files are not minified 😃 )
  2. click Handler Safety tab
  3. click Modal Test button
  4. click Save button (inside the opened modal)
  5. notice dimmed background but no modal window/content

Expected result

modal is open as in https://ui.agiletoolkit.org/demos/form/form.php (notice ui. instead of dev. subdomain)

Actual result

blured background, no modal shown

Version

2.9.0

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:13 (13 by maintainers)

github_iconTop GitHub Comments

1reaction
mvorisekcommented, Oct 14, 2022

@jamessampford please retest with the fixed steps to reproduce (in the issue description), I can reproduce it even in Android 9 mobile browser

also make sure you are testing it on the dev. subdomain which is the only one which uses Fomantic-UI v2.9.0

0reactions
mvorisekcommented, Oct 19, 2022

Thank you for guiding me into the right direction. I am closing this issue as with allowMultiple: true everywhere the onShow/onHide order issue is gone and mixed (false/true) allowMultiple is not supported. Maybe a console warning for mixed usage should be shown.

Currently, nesting with invisible non-front modals is not supported natively and a custom code like https://github.com/atk4/ui/blob/6d98fafb8d21db20bb8461b306ca3f64e9123282/js/src/services/modal.service.js#L41-L63 is needed.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Issues · fomantic/Fomantic-UI · GitHub
[modal] m2.onShow is emit before m1.onHide since Fomantic v2.9.0 needs-more-info state/awaiting-investigation Anything which needs more investigation ...
Read more >
Modal | Fomantic-UI Docs
A modal displays content that temporarily blocks interactions with the main view of a site.
Read more >
Chris Anderson: How web video powers global innovation
TED Talks TED's Chris Anderson says the rise of web video is driving a worldwide phenomenon he calls Crowd Accelerated Innovation -- a...
Read more >
Untitled
Kiwi money, Sophia shkreli model, Scolarian racing, 3d paspas, ... Red x dota 2, Ghost text in word document, Kaze no tachinu sub...
Read more >
Full text of "The Times , 1999, UK, English" - Internet Archive
Help- hnes have been set up by the Health Department (0800 00444(9 and the distributors (0800216613). Since the Trilucent implant was introduced to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found