NPM Resource Changed PR-5.2-dev Pending

User tests: Successful: Unsuccessful:

avatar coolcat-creations
coolcat-creations
8 Oct 2024

Pull Request for Issue #43671 .

Summary of Changes

I am neither sure if the Javascript I added os ok or at the correct position in code.
The only thing is that it works ;)
Maybe @obuisard can direct me if something needs to be changed there to be "the correct way"

Testing Instructions

Follow instructions from #43671

Actual result BEFORE applying this Pull Request

The calendar Popup is not accessible

Expected result AFTER applying this Pull Request

The calendar Popup is in the front

Link to documentations

Please select:

  • Documentation link for docs.joomla.org:

  • [x ] No documentation changes for docs.joomla.org needed

  • Pull Request link for manual.joomla.org:

  • [ x] No documentation changes for manual.joomla.org needed

avatar coolcat-creations coolcat-creations - open - 8 Oct 2024
avatar coolcat-creations coolcat-creations - change - 8 Oct 2024
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 8 Oct 2024
Category Unit Tests Repository Administration com_admin SQL
avatar coolcat-creations
coolcat-creations - comment - 8 Oct 2024

How do I change the base branch, :-( clicked accidentally on 4.4

avatar Quy
Quy - comment - 8 Oct 2024

In GitHub, edit the title. There is a dropdown to change the base branch.

44214

avatar richard67
richard67 - comment - 8 Oct 2024

@coolcat-creations Which base branch would be right? You can change it on GitHub as described by @Quy , or I can do that for you if I know the right branch.

avatar coolcat-creations
coolcat-creations - comment - 8 Oct 2024

I need it on 5.2 :)

avatar richard67
richard67 - comment - 8 Oct 2024

Done.

avatar richard67 richard67 - change - 8 Oct 2024
Labels Added: Unit/System Tests PR-4.4-dev
avatar joomla-cms-bot joomla-cms-bot - change - 8 Oct 2024
Category Unit Tests Repository Administration com_admin SQL JavaScript Repository NPM Change
avatar richard67 richard67 - change - 8 Oct 2024
Title
5.2 Fix for Guidedtours Calendar Items - fir Issue #43671
5.2 Fix for Guidedtours Calendar Items - fix Issue #43671
avatar richard67 richard67 - edited - 8 Oct 2024
avatar obuisard
obuisard - comment - 8 Oct 2024

I have looked into it and tested the change. The PR goes in the right direction.

Although I agree this is mostly a problem of z-index, I am not certain the class change is necessary, as I see no difference with or without it (unless I missed something).

The PR fixes the issue for mouse clicks but it is not accessible. As soon as the arrow keys are used to change the dates in the calendar, the tour step buttons change focus and the tour starts to 'navigate itself away' from the step, going to next or previous steps. So, in a way, we need to 'block' events associated with the tour until the date is selected.

I can also see that the calendar buttons are not reachable through keyboard keys (I do not know what combination to use to access 'today, 'close' ...). But it is not a problem associated to the tours.

avatar richard67
richard67 - comment - 8 Oct 2024

Besides that, this PR has JavaScript code style errors. See the log here: https://ci.joomla.org/joomla/joomla-cms/79465/1/20

avatar coolcat-creations
coolcat-creations - comment - 8 Oct 2024

Yes it's not ready to be tested rather put for discussion.

avatar coolcat-creations coolcat-creations - change - 9 Oct 2024
Labels Added: NPM Resource Changed PR-5.2-dev
Removed: Unit/System Tests PR-4.4-dev
avatar brianteeman
brianteeman - comment - 9 Oct 2024

Yes it's not ready to be tested rather put for discussion.

Please change the PR to a draft then

avatar coolcat-creations
coolcat-creations - comment - 9 Oct 2024

@obuisard Thank you, I removed adding the class because you are right, it does not change anything. Also, I did not mean accessible by terms of accessibility, but to be able to click into the calendar. I disabled the navigation through the tour when the calendar is open but after that step the tour is broken and the steps are not shown at their correct position, why? Is the way I solved the problem and the place where I did it correct?
@richard67 I fixed the lint errors too :-)

avatar coolcat-creations coolcat-creations - change - 9 Oct 2024
Title
5.2 Fix for Guidedtours Calendar Items - fix Issue #43671
Draft - [5.2.] Fix for Guidedtours Calendar Items - fix Issue #43671
avatar coolcat-creations coolcat-creations - edited - 9 Oct 2024
avatar coolcat-creations
coolcat-creations - comment - 9 Oct 2024

Done.

Thank you!

avatar brianteeman
brianteeman - comment - 9 Oct 2024

This is how you convert a pull request to a draft
image

avatar coolcat-creations
coolcat-creations - comment - 9 Oct 2024

thank you @brianteeman

avatar obuisard
obuisard - comment - 9 Oct 2024

@obuisard Thank you, I removed adding the class because you are right, it does not change anything. Also, I did not mean accessible by terms of accessibility, but to be able to click into the calendar. I disabled the navigation through the tour when the calendar is open but after that step the tour is broken and the steps are not shown at their correct position, why? Is the way I solved the problem and the place where I did it correct? @richard67 I fixed the lint errors too :-)

Thank you for the PR Elisa. As we get deeper into building tours, we hit a few limitations and I am hopeful we can 'fix' those limitations over time.
As far as the latest modification you made for disabling tour keyboard events, I still have to look into it to see why it messes up the tour.

avatar coolcat-creations
coolcat-creations - comment - 9 Oct 2024

Thank you for looking into it, The calendar a11y is another already open issue :)

avatar obuisard
obuisard - comment - 18 Oct 2024

Maybe we should revisit the use of arrow keys in Shepherd (the library the guided tours are based on)...
shipshapecode/shepherd#1873 (comment)

Add a Comment

Login with GitHub to post a comment