No Code Attached Yet bug Guided Tours
avatar JoomlaBelarus
JoomlaBelarus
16 Apr 2024

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?

avatar JoomlaBelarus JoomlaBelarus - open - 16 Apr 2024
avatar joomla-cms-bot joomla-cms-bot - change - 16 Apr 2024
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 16 Apr 2024
avatar Quy Quy - change - 16 Apr 2024
Labels Added: bug
avatar Quy Quy - labeled - 16 Apr 2024
avatar JoomlaBelarus
JoomlaBelarus - comment - 16 Apr 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

avatar obuisard
obuisard - comment - 26 Jul 2024

Hello @JoomlaBelarus, please check PR #43854 and see if it addresses the issue.

avatar obuisard obuisard - change - 26 Jul 2024
Title
[Joomla 4.4. and 5.0.3] Bug with Modal block Guide tours
[Joomla 4.4. and 5.0.3] [Guided tours] Bug with Modal block
avatar obuisard obuisard - edited - 26 Jul 2024
avatar obuisard obuisard - change - 13 Sep 2024
Labels Added: Guided Tours
avatar obuisard obuisard - labeled - 13 Sep 2024

Add a Comment

Login with GitHub to post a comment