Feeling Lucky
No Code Attached Yet
[#34682] - [4.0] Dropdown color bleeds over
- Closed
- 8 Jan 2023
- Medium
- Build: staging
- # 34682
Steps to reproduce the issue
- Login to the Joomla 4 backend
- Go to Components -> Banners
- Create a new banner
- Click on the banner details tab
- See the color bleeding into the dropdown. You will only see this if your screen is wide enough. This seems to start at a width from 2625px.
Expected result
Actual result
System information (as much as possible)
Joomla 4.0-dev branch
PHP 7.4
Additional comments
joomla-cms-bot
- | Labels |
Added:
?
|
||
| Title |
|
||||||
RickR2H
- comment
- 7 Jul 2021
Is making the image twice as big not an option?
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/34682.
angieradtke
- comment
- 14 Jul 2021
We can change the background-position from 100%/116rem -> to 100%/126rem
.custom-select, .form-select {
...
background: url(../images/select-bg.svg) no-repeat 100%/116rem;
...
}
custom-select, .form-select {
....
background: url(../images/select-bg.svg) no-repeat 100%/126rem;
}
drmenzelit
- comment
- 21 Jul 2021
The problem starts at a width of 2354px and the solution posted by Angie does work only until a certain width, at 2528px the background appears again...
angieradtke
- comment
- 21 Jul 2021
@drmenzelit we can go up from 100%/126rem -> to 100%/136rem;
Maybe somebody width a screen bigger than mine can play around width the em size
HLeithner
- comment
- 24 Aug 2021
274rem for about 5000px not a real solution
richard67
- | Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2023-01-08 10:34:47 |
| Closed_By | ⇒ | richard67 | |
| Labels |
Added:
No Code Attached Yet
Removed: ? |
||
It is caused by the use of the background image which is used for the dropdown arrow. Despite repeated attempts to change that it is supposed to be the full width of the field and not just for the arrow. Amongst many issues that this causes you just added another to the list.