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.

[Loader] wrong style when appears inside a Modal

See original GitHub issue

[Loader] rendered inside a Modal will be white on white

Steps

Create a Loader inside of the content of the modal

Expected Result

Loader should be none “inverted” (white on black) but regular, but because of the fact that Modal has .dimmer behind it, the loader becomes inverted

Actual Result

Loader inside of Modal should be visible

Version

2.4.2

Testcase

https://jsfiddle.net/7ucjso1y/

Issue Analytics

State:
Created 3 years ago
Comments:9

Top GitHub Comments

2reactions

felixmoshcommented, Nov 20, 2020

Thanx for the explanation, I’ll take a look at it

2reactions

lubber-decommented, Oct 6, 2022

This has already been fixed in the community fork Fomantic-UI See your adjusted jsfiddle here https://jsfiddle.net/lubber/r8fcuak3/1/

Top Results From Across the Web

Bootstrap modal appearing under background - Stack Overflow

The trick in here is data-backdrop="false" style="background-color: rgba(0, 0, 0, 0.5);" by removing the default backdrop and create a dummy one by setting ......

Bootstrap Modal Dialog showing under Modal Background

The easiest solution is to move the modal dialog outside of any container and just declare it under the <body> element, or -...

Considerations for Styling a Modal | CSS-Tricks

Having a close button that is always visible seems smart, so the user can't be in a state where it's not visibly clear...

Modal · Bootstrap v5.0

Modals use position: fixed , which can sometimes be a bit particular about its rendering. Whenever possible, place your modal HTML in a...

Transactional modal - Carbon Design System

The primary action button should be disabled while loading is in progress. ... then the modal should remain open with the entry marked...