Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IdsText: Using dynamic tooltips #1638

Closed
ashachodavarapu opened this issue Nov 15, 2023 · 4 comments · Fixed by #1835
Closed

IdsText: Using dynamic tooltips #1638

ashachodavarapu opened this issue Nov 15, 2023 · 4 comments · Fixed by #1835
Assignees
Labels
design Needs input from IDS Design Team type: bug 🐛 Something isn't working [2] Velocity rating (Fibonacci)

Comments

@ashachodavarapu
Copy link

ashachodavarapu commented Nov 15, 2023

Describe the bug

  • Max-width and overflow(ellipsis) attributes are not applied to the IDS text, able to see the full text.
  • If the tooltip text is passed dynamically unable to see the tooltip in UI.
    NOTE: If the tooltip text is passed statically by using the tooltip attribute it's working fine.

To Reproduce

  • Add the below code to the IDS text.
  • Observe tooltip (on hovering) and ellipsis are not applied to the text when the tooltip text passes dynamically.
  • Add the below code in this specified path file=>enterprise-wc-examples\angular-ids-wc\src\app\components\ids-text\demos\example\example.component.html.
<ids-text max-width="10" overflow="ellipsis" tooltip="{{selectedItem.message}}" placement="top">{{ selectedItem.message }}</ids-text>

Expected behavior

  • Dynamic text for the tooltip, max width, max height for the IDS text also line-clamp
  • Pass settings through ids-text to ids-tooltip

Version

  • ids-enterprise-wc: "1.0.0-beta.16"

Screenshot
Observe the below snippet, where max width and overflow are not applied for the IDS text.
image

@tmcconechy tmcconechy changed the title Dynamic Tooltip for IDS Text IdsText: Using dynamic tooltips Nov 15, 2023
@tmcconechy tmcconechy added type: bug 🐛 Something isn't working [2] Velocity rating (Fibonacci) labels Nov 15, 2023
@lucacolumbu lucacolumbu added the design Needs input from IDS Design Team label Nov 28, 2023
@vamsiprathipati
Copy link

Hi @tmcconechy,
Is there any update on this?, I'm also facing the same issue
Thanks

@tmcconechy
Copy link
Member

This issue is just getting started to work on @clayinfor can you add anything about the status?

@clayinfor
Copy link
Collaborator

hey @vamsiprathipati @tmcconechy , yes I've been working on it, and am pushing to finish it soon.

@jbrcna
Copy link
Contributor

jbrcna commented Mar 6, 2024

QA Passed
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Needs input from IDS Design Team type: bug 🐛 Something isn't working [2] Velocity rating (Fibonacci)
Projects
No open projects
Development

Successfully merging a pull request may close this issue.

6 participants