FlowFuse / FlowFuse/flowfuse

v-ff-tooltip alignment issues

Open
#2,770 0 comments 0 reactions 0 assignees View on GitHub
area:frontend needs-triage size:XS type:bug
Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 20h
Merged PRs (30d)
149

Description

### Current Behavior

1. when alignment is "bottom" or "top" and the component is near the edge of the screen, text is clipped
* ![image](https://github.com/flowforge/flowforge/assets/44235289/ba4cd617-c6ad-4537-b161-b9f0a138d11f)
2. when alignment is "left" and the component is near the right edge of screen, tip alignment is not central
* ![image](https://github.com/flowforge/flowforge/assets/44235289/f3f161b1-fde8-4bad-aad8-162e53d9e4a1)

### Expected Behavior

When alignment is "bottom" or "top", it should adjust to show all text

When alignment is "left" or "right" of a component, it should be aligned to the center of the visible element

NOTE: The "left" and "right" alignement issue might only be present on the `ff-toggle-switch`

### Steps To Reproduce

* Add an `ff-toggle-switch` near the right edge of the screen
```



```

### Environment

- FlowForge version: 1.11
- Platform/OS: windows 11
- Browser: chrome latest

### Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

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.