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

[Joomla 4.4. and 5.0.3] Bug with Modal block Guide tours #43283

Open
JoomlaBelarus opened this issue Apr 16, 2024 · 1 comment
Open

[Joomla 4.4. and 5.0.3] Bug with Modal block Guide tours #43283

JoomlaBelarus opened this issue Apr 16, 2024 · 1 comment

Comments

@JoomlaBelarus
Copy link

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?

@JoomlaBelarus
Copy link
Author

JoomlaBelarus commented Apr 16, 2024

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

with modal tour
<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

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

3 participants