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

[Rajdeepc]

Code of conduct

• 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?

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 4

Logs taken while reproducing problem

No response

[najikahalsema]

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