freenowtech / freenowtech/wave

Tooltip arrow does not align with content

Open
#444 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
67
Forks
31
Avg merge
1d 8h
Merged PRs (30d)
4

Description

- `@freenow/wave` version: 2.1.5 and lower

### Relevant code

```js


Hover over me

```

For all `Tooltip` placement variants where the arrow is not centred with the trigger element there will be a misalignment with the `Tooltip` content (see images to better visualise it)

Affects variants
- `top-start`
- `top-end`
- `bottom-start`
- `bottom-end`

### What was expected to happen?

The arrow aligns with the content

### Media

Wrong

image

Right

image

Right highlighting the alignment

image

### Reproduction

Check it out in [our docs](https://wave.free-now.com/?path=/docs/components-tooltip--docs)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.