Skip to content

Documentation: hidden tooltips prevent the content under them from being selected #201

Closed
@MDLC01

Description

@MDLC01

Description

I hope if this is the right place for bugs related to the online documentation.

Tooltips that appear when you hover over a question mark in the documentation are hidden using opacity: 0;, which means they still have pointer events. For example, you cannot select the text under where a tooltip would appear, but you can select the content of the tooltip when it is hidden.

A possible fix would be to set pointer-event: none; or use display: none; when a tooltip is hidden. I think the latter might work the best with screen readers.

The text under the tooltip bellow cannot be selected, even when the tooltip is hidden:
The tooltip is displayed over some text
The tooltip is still present over the text even when hidden

Please note that a tooltip has to have been displayed once for the bug to happen with this specific tooltip.

Reproduction URL

E.g., https://typst.app/docs/reference/meta/figure/#parameters-kind

Browsers

No response

OS

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't working.docsImprovements or additions to documentation UX.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions