search

Semantic-Org / Semantic-UI-React

The official Semantic-UI-React integration
https://react.semantic-ui.com
MIT License
13.23k stars 4.05k forks source link

Modal as={Form} with loading attribute doesn't display anything #3853

Open leoncvlt opened 5 years ago

leoncvlt commented 5 years ago

Bug Report

Steps

I have got a modal with a form inside it, I used the as prop on the Modal to make it a form element so I can hook up the modal buttons to the submit event. I then add a loading prop to the form/modal to show the loading indicator (Modal doesn't have a loading prop so I thought it wouldn't cause conflicts).

Expected Result

The modal opens, and displays a form in the loading state

Actual Result

Nothing shows up, the page does get dimmed.

Version

0.88.1

Testcase

https://codesandbox.io/s/semantic-ui-react-loading-form-modal-z6wl3

The sandbox shows the bug in it's broken state. Remove the loading prop to see it working as expected.

welcome[bot] commented 5 years ago

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

WicketDev commented 1 year ago

I just ran into a similar issue with the latest v2.1.4 where a modal with an internal trigger would not render the modal itself in a Samsung tablet on chrome, but the dimmer was visible. My fix was removing the internal trigger to an external button. Leaving this here for anyone else that may run into this issue.