guardian / guardian/dotcom-rendering

Limit z-index css from thrashers and interactives

Open
#9,696 0 comments 0 reactions 0 assignees View on GitHub
Pick me up Team Candidate: Fronts and Curation
Dominant language
TypeScript
Stars
274
Forks
34
Avg merge
2d 22h
Merged PRs (30d)
121

Description

There have been recent visual bugs caused by thrasher CSS having a z-index that interferes with the rest of the page.

E.g. in the following screenshots:
![image](https://github.com/guardian/dotcom-rendering/assets/43961396/ad58f47a-c332-4326-98e8-cdc7e5a0f186)
![image](https://github.com/guardian/dotcom-rendering/assets/43961396/77b70b3f-6bc1-4cfb-bac0-8d3e2406d09d)

It would be nice to be able to form a contract with web and visuals to reduce the chance of these visual bugs coming up again. We could possibly restrict z-index values or provide a new stacking context so that z-index bugs become less likely.

[Email thread here](https://groups.google.com/a/guardian.co.uk/g/dotcom.platform/c/I1eHm98hp7Q)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.