brainly / brainly/style-guide

Tooltip and element position:fixed not working inside Dialog

Open
#2,420 1 comment 1 reaction 0 assignees View on GitHub
Type: Enhancement
Dominant language
TypeScript
Stars
165
Forks
31
PR merge metrics
No merged PRs in 30d

Description

Dialog component has a `transform` CSS property that changes the behavior of its child components in regards to fixed positioning.

> An element with `position: fixed` is positioned relative to the document (the viewport) which acts as its containing block.
> But, it will NOT always be relative to the document. When any element has transform, filter, or prospective property, it acts as a containing block for all its descendants, including the elements whose position is set to `fixed`.

### Tooltip
image

### Element with `position:fixed`
image
![image](https://user-images.githubusercontent.com/7802772/171007560-941630db-84fb-46d2-82a0-1654f4d80e85.png)

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.