Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.09k stars 4.95k forks source link

Semantic UI Checkbox Modal Interaction #7028

Open DasFork opened 3 years ago

DasFork commented 3 years ago

Summary

The [Checkbox] does not update properly when used inside a modal.

Reproduction

I have written an example of the issue on CodeSandbox https://codesandbox.io/s/checkboxtesting-gu7pj?file=/src/checkboxDemo/checkboxModal/index.js

Expected Result

The [Checkbox] inside of the [Modal] will update when clicked.

Actual Result

The [Checkbox] outside of the [Modal] gets updated when toggling the [Checkbox] inside the [Modal]

Note how the [Checkbox] and the [Input] work fine on the main page but when a [Modal] is opened the [Checkbox] in the [Modal] does not toggle. The [Input] still works regardless of where it is.

Semantic UI Version

^0.88.2

DasFork commented 3 years ago

A workaround has been found but the issue still remains https://stackoverflow.com/questions/64506718/semantic-ui-checkbox-modal-interaction/64507278#64507278