spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

[Bug]: contextual-help should have a max-width property

Open Rajdeepc opened this issue 1 year ago • 1 comments

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:

Screenshot 2024-10-01 at 1 53 09 PM

Desktop: Screenshot 2024-10-01 at 1 53 32 PM

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

  1. Go to https://studio.webcomponents.dev/edit/downj6WvDKeUnhBAscw9/src/index.ts?p=stories
  2. 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

Rajdeepc avatar Oct 01 '24 08:10 Rajdeepc

Why was #4790 linked to this issue? Just curious if we should keep it open. @Rajdeepc

najikahalsema avatar Oct 08 '24 22:10 najikahalsema

@TarunAdobe Can you please make sure we test this in mobile devices. Thanks

Rajdeepc avatar Jan 28 '25 16:01 Rajdeepc

@najikahalsema This would need a CSS ticket also! FYI PR: https://github.com/adobe/spectrum-css/pull/3523

Rajdeepc avatar Jan 28 '25 16:01 Rajdeepc