[Bug]: contextual-help should have a max-width property
Code of conduct
- [X] I agree to follow this project's code of conduct.
Impacted component(s)
contextual-help
Expected behavior
Contextual-Help component should have a max-width property defined to control the width of the help-text and it should be responsive in mobile and tablet devices
Actual behavior
Contextual-Help component doesn't have a max-width property defined as a part of its API which is breaking in some use cases in Express. Also it is breaking in mobile and tablets for longer texts.
Screenshots
Mobile:
Desktop:
What browsers are you seeing the problem in?
No response
How can we reproduce this issue?
- Go to https://studio.webcomponents.dev/edit/downj6WvDKeUnhBAscw9/src/index.ts?p=stories
- Check contextual help with longer text
Sample code or abstract reproduction which illustrates the problem
No response
Severity
SEV 3
Logs taken while reproducing problem
No response
Why was #4790 linked to this issue? Just curious if we should keep it open. @Rajdeepc
@TarunAdobe Can you please make sure we test this in mobile devices. Thanks
@najikahalsema This would need a CSS ticket also! FYI PR: https://github.com/adobe/spectrum-css/pull/3523