@jpranays anyway you can add a test for this ?

@jpranays do you also have a use case for this desired behavior?

@jpranays anyway you can add a test for this ?
sure

@jpranays do you also have a use case for this desired behavior?

No as such of special use case, but we've had one backend api based requirement, where props were passed through the api response, but no matching mapping was found for defaultVisible prop.

Making tooltips visible by default can greatly improve a website's accessibility, usability, and overall user experience. It ensures that all users, no matter their interaction methods or abilities, have immediate access to essential information, thereby making the interface more intuitive and inclusive.

Any update on this ?

Hey @jpranays thanks for working on this and sharing your ideas with us. A few thoughts:

You mentioned that part of the desire for adding this is to improve accessibility, usability, and overall experience. However, having the tooltip visible by default seems to go against the W3C pattern for how a tooltip should behave:

• https://w3c.github.io/aria/#tooltip
• https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/

Currently our Tip component is accessible via keyboard focus and mouse hover which aligns with the accessibility guidance we have seen.

You also mentioned that having the tooltip visible by default will enable 'immediate access to essential information, thereby making the interface more intuitive and inclusive'. I think if information is essential it should not be displayed in a tooltip and a different component should be used so that the information is always visible.

Thank you for your thoughtful feedback and your commitment to accessibility and adherence to the W3C guidelines for tooltips.

The current implementation of the Tip component aligns well with these guidelines, ensuring both accessibility and user-friendliness. However, I don’t believe that having a defaultVisible prop would violate W3C guidelines. On the contrary, it would enhance the component’s accessibility. Additionally, other major libraries include a defaultVisible or defaultOpen prop, further extending the component’s accessibility.

Additionally, other major libraries include a defaultVisible or defaultOpen prop, further extending the component’s accessibility.

Could you share what other libraries are supporting this? I think that would be helpful for us to looks at as we evaluate this enhancement

1. https://react-tooltip.com/docs/options#props
2. https://2x.ant.design/components/tooltip/
3. https://mui.com/material-ui/api/tooltip/
4. https://v1.chakra-ui.com/docs/components/overlay/tooltip#props
5. https://github.com/mohsinulhaq/react-popper-tooltip/blob/v3/README.md#defaulttooltipshown

Thanks for sharing, we will take a look at these

The Grommet team is planning to discuss this a bit more on Thursday, I'll keep you in the loop with any updates and post them here.

Thanks for letting me know.

Hey @jpranays after talking through the grommet team is supportive of this enhancement. Thanks again for providing links and detailed responses to our questions.

That’s great to hear!
Welcome!!