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

Add alignment to the Carbon's tooltip component #3837

Closed
haydaralrikabi opened this issue Aug 27, 2019 · 7 comments · Fixed by #7309
Closed

Add alignment to the Carbon's tooltip component #3837

haydaralrikabi opened this issue Aug 27, 2019 · 7 comments · Fixed by #7309

Comments

@haydaralrikabi
Copy link

The problem

The tooltip overflows a parent modal when the tooltip label is near the edge of that modal.
This restricts the designer to place the label away from the edges of a parent container.

image

image

The solution

The tooltip component should accept a default prop to align its tooltip to the start / centre / or end of the tooltip label (just like the tooltipDefinition component).
The caret should always point to the centre of the tooltip label.

image

image

Additional information

This can be a partly fix for the above scenario, because the other part of it is when the label is in the end of a line within a container (when the default alignment is set to ‘start’).

@emyarod
Copy link
Member

emyarod commented Aug 27, 2019

just want to double check with @carbon-design-system/design that we want to support this in the interactive tooltip (we currently only support this functionality in definition and icon tooltips)

@aagonzales
Copy link
Member

Yes, I think if we're doing it for the other two types of tooltips then we should do it for interactive tooltip as well.

@stale
Copy link

stale bot commented Oct 4, 2019

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

@stale stale bot added the status: inactive Will close if there's no further activity within a given time label Oct 4, 2019
@laurenmrice laurenmrice removed the status: inactive Will close if there's no further activity within a given time label Oct 4, 2019
@stale
Copy link

stale bot commented Nov 3, 2019

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

@stale stale bot added the status: inactive Will close if there's no further activity within a given time label Nov 3, 2019
@asudoh asudoh removed the status: inactive Will close if there's no further activity within a given time label Nov 3, 2019
@stale
Copy link

stale bot commented Dec 4, 2019

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

@stale stale bot added the status: inactive Will close if there's no further activity within a given time label Dec 4, 2019
@elizabethsjudd
Copy link
Contributor

not stale

@stale stale bot removed the status: inactive Will close if there's no further activity within a given time label Dec 4, 2019
@joshblack joshblack mentioned this issue Feb 12, 2020
2 tasks
@joshblack joshblack mentioned this issue Mar 2, 2020
82 tasks
@joshblack joshblack mentioned this issue Mar 27, 2020
79 tasks
@zacharydmoore
Copy link

Has there been any progress on this? I'd like this functionality as well!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

8 participants