[#43283] - [Joomla 4.4. and 5.0.3] [Guided tours] Bug with Modal block
- New
- Medium
- Build: 4.4-dev
- # 43283
Steps to reproduce the issue
Go to User Menu in Backend Top Right corner, open Accesibility settings. Set High Contrast as YES.
Then go to button Take a tour at the top of window, set same tours, for example How to create article.
Expected result
Modal block with Name of tour , description, and next button is UNDER svf gray block on the page, not on the center of visible window.
Actual result
System information (as much as possible)
joomla 4.4, joomla 5.0.3
Additional comments
I think problem with classes in the body tag - You need delete a11y_contrast class - and that block come back to the center. body.a11y_contrast {
filter: contrast(115%);
}
May be problem at this class?
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
Quy
- | Labels |
Added:
bug
|
||
Hello @JoomlaBelarus, please check PR #43854 and see if it addresses the issue.
| Title |
|
||||||
| Labels |
Added:
Guided Tours
|
||
Sorry, that so many time dont answer. Today i go to sandbox with J4 and check the problem - it's the same. Than i update core to the last version - J 4.4.9 - still the same problem with modal windows on guided tours, bath processes.
add a screens
- Go TO
and save - Go to tours - create article
that works if you have a lot of articles - not only one or two. - Scroll page down -
we see that modal window it of the center of ALL PAge, npt center screen
Thank you for reporting the issue. For explanations on what is happening, you can take a look at https://stackoverflow.com/questions/52937708/why-does-applying-a-css-filter-on-the-parent-break-the-child-positioning
And add, the same problem is not only with high contrast, but with monochrome too.
We need delete class monochrome and a11y_contrast from body tag and add it to a
<div aria-describedby="tourinfo-description" aria-labelledby="tourinfo-label" role="dialog" tabindex="0" class="shepherd-has-cancel-icon shepherd-has-title shepherd-element shepherd-theme-arrows monochrome shepherd-centered shepherd-enabled" data-shepherd-step-id="tourinfo" data-popper-placement="bottom" style="position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);">I add some link with problem here - https://stackoverflow.com/questions/52937708/why-does-applying-a-css-filter-on-the-parent-break-the-child-positioning