Add support for details/vertical tabs

Created on 23 September 2017, about 7 years ago
Updated 15 May 2024, 7 months ago

Problem:
Currently, when a tour tip is assigned to an element that is hidden on the page the tip position is attached to the page.

For example, if an element that sits in a vertical tab (e.g. url path settings) is referenced then because the element is visually hidden the CSS doesn't understand where to put the tool tip. It appears to add the tip to the next available parent element and as such will be placed onto the page far from the element it's referencing.

The same thing also applies to fieldsets but would probably affect any hidden element on the page.

Workaround
Our current solution is to target a tooltip on the fieldset or vertical tab label instructing the user to "Click" to continue. This assumes that the user then clicks the tab before clicking "Next" to see the next tooltip.

Possible Solutions
I can see two possible solutions to this:
1) Implement a solution that understands the visibility of a tooltip and attempts to show the field before showing the tooltip. From the current element being targeted it should be possible to select the tab that the element belongs to and trigger the event that shows the element (probably with a click() event). The difficulty here is that different fieldsets have different ways of showing elements and will have different markup so a generic solution would be difficult to implement.

2) When a tooltip is about to be displayed on the page trigger an event. This then allows module developers to integrate their modules with tour without creating lots of core code. The tour module would trigger the event, which would allow the correct fieldset to be shown, before then showing the tooltip.

I'm willing to help out with this, but I can't quite see how to get started. Any suggestions would be welcome.

Thanks,
Phil

πŸ› Bug report
Status

Fixed

Version

2.0

Component
TourΒ  β†’

Last updated 14 days ago

Created by

πŸ‡¬πŸ‡§United Kingdom philipnorton42 Cheshire

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024