Contrib.social

z-index is set on the wrong element - resulting in overlaying elements

Open on Drupal.org →
Created on 6 September 2023, almost 2 years ago

Problem/Motivation

#ouibounce-exit-modal has no z-index defined, while .block-ouibounce-exit-modal has a z-index of 11000.
The z-index on the block wrapper is useless, because it needs to be defined on the element that has position:fixed (> #ouibounce-exit-modal).
This thing should have a very high z-index, maybe check what z-index popular cookie banners use, we should stay lower.

- COOKIES uses a z-index of 10000
- EU Cookie Compliance uses a z-index of 99999

So lets pick 9999 instead 11000.

Furthermore, IDs shouldn't used for CSS styling, this is bad practice, but another issue.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Fixed

Version

4.0

Component

User interface

Created by

thomas.frobieter EU

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024