Databackdrop modal is inside of all elements

Topic: Databackdrop modal is inside of all elements

renatoveronese asked 6 years ago

0 0

I'm trying to put a modal in my site, but the data-backdrop is inside of all elements:

How can i fix this?

Sands pro commented 6 years ago

I get the same error with the jquery package...

Add comment

Arkadiusz Idzikowski staff answered 6 years ago

0 0 Best answer

Please try to use our dynamic modal. You can find all instructions here:

Angular Dynamic Modal

Sands pro commented 6 years ago

I get the same error with the jquery pro.

Add comment

Sands pro answered 6 years ago

0 0 Best answer

I think I fixed it. The bootstrap.css has the z-index too high, it was z-index: 1040. Once I changed that it works fine!

Add comment

Sands pro answered 6 years ago

0 0 Best answer

Update: Actually what fixed the problem for me is to remove it from within the sticky class div element and put the modal part at the bottom of the page.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

User: Free
Premium support: No
Technology: MDB Angular
MDB Version: 7.0.0
Device: Desktop
Browser: Opera
OS: Windows 10
Provided sample code: No
Provided link: No

Related topics

0: Can't change mega menu drop down item's "on click" border color

0: Basic linking question and orientation

0: Why to have styles embedded into Angular components? It make everything super HARD to use and Style.

0: [Angular] How to customize \"blue/primary\" color in all form elements?

0: scss mdb variables in scss of components

About author

renatoveronese

45Support score
3Questions 3Answers

0Snippets likes 0Snippets