Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The options elements are not displayed behind the border #1171

Open
chelovek-y opened this issue Aug 23, 2024 · 5 comments
Open

The options elements are not displayed behind the border #1171

chelovek-y opened this issue Aug 23, 2024 · 5 comments

Comments

@chelovek-y
Copy link

if I use
.tl { overflow-x:auto !important; display:block; }

A video is attached.

bandicam.2024-08-23.15-31-22-711.mp4
@chelovek-y chelovek-y added the bug label Aug 23, 2024
@Xon
Copy link
Collaborator

Xon commented Aug 26, 2024

This is similar to #1131

The dropdown being obscured by the container being too small is a known issue, and I'm open to PR's to help improve the CSS which is causing this.

@chelovek-y
Copy link
Author

Could you help me please?

@Xon
Copy link
Collaborator

Xon commented Aug 27, 2024

I'ld recommend reproducing this using jsfiddle without the rest of your html/css.

This will aid in troubleshooting, otherwise all I can offer is guesses as troubleshooting CSS issues without a working example is virtually impossible.

Something like
.tl { overflow-x:auto !important; display:block; } .tl .choices { position: static }
Or
.tl { overflow-x:auto !important; display:block; } .tl .choices { position: relative}
Troubleshooting this is quite challenging.

@chelovek-y
Copy link
Author

chelovek-y commented Aug 28, 2024

jsfiddle:
Unfortunately, this is difficult. The site page is large.

.tl .choices { position: relative} :
No changes

.tl .choices { position: static } :
Option items has become wider

@Xon
Copy link
Collaborator

Xon commented Aug 28, 2024

Probably the easiest way would be to use the HTML inspector in your browser to just delete large chunks of the page until you've got the minimum elements which reproduce the problem (ctrl-z aka undo will be very very useful in this), then extract the css which matches the surviving elements.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants