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.

Sign up for GitHub

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

Jump to bottom

Message list action button blocked by tooltip popup of a previous button #1439

Closed
kotecky opened this issue May 16, 2023 · 3 comments
Closed

Message list action button blocked by tooltip popup of a previous button #1439

kotecky opened this issue May 16, 2023 · 3 comments
Assignees
@antoniskalou
Labels
bug Something isn't working P2-high
Milestone
Baldr

Comments

@kotecky
Copy link

kotecky commented May 16, 2023

Describe the bug
When selected, message list items have buttons (mark as read, mark as spam, ...). On hover on a button, a grey title popup appears underneath. In the case of the message lists, this blocks the view/access to the icon below and a user needs to move the mouse elsewhere to hide it.

To Reproduce
Steps to reproduce the behavior:

  1. Go to a message list,
  2. Select one, set of buttons appears,
  3. Hover to get the title displayed,
  4. It blocks the view/access to the button below.

Expected behavior
The title should appear in a place where it does not block the view/access to the other buttons. Lest or right of the icon. In the case of a closed message pane in a smaller viewport the title would have been outside of the viewport if on the right. The left hand side then seems to be the only choice.

Desktop (please complete the following information):

  • OS: all
  • Browser: any
@gtandersen gtandersen added bug Something isn't working P1-urgent Priority urgent labels May 22, 2023
@gtandersen
Copy link
Contributor

@kotecky Thanks for this report. The issue is confirmed and will be prioritized.

@perigrin perigrin added this to the Baldr milestone May 23, 2023
@gtandersen gtandersen added P2-high and removed P1-urgent Priority urgent labels May 25, 2023
@gtandersen
Copy link
Contributor

This also affects other buttons such as the check-all checkbox in the message list.

@gtandersen gtandersen changed the title Message list action button blocked by title popup of a previous button Message list action button blocked by tooltip popup of a previous button Jun 3, 2023
@antoniskalou antoniskalou self-assigned this Jul 4, 2023
antoniskalou added a commit to antoniskalou/runbox7 that referenced this issue Jul 5, 2023
@antoniskalou
fix(tooltips): Move context tool button tooltips to the left side
21f1dbd 
Currently tooltips show at the bottom of the button, blocking the button
bellow it.

Because of some weird behaviour, the tooltip does not vanish
when you move off it. This is probably due to an outdated material
version, because when reviewing the examples I do not experience
the same behaviour
https://v6.material.angular.io/components/tooltip/overview

As a temporary fix, I have moved the tooltips to the left.

See runbox#1439
@antoniskalou antoniskalou mentioned this issue Jul 5, 2023
Merged
@gtandersen
Copy link
Contributor

Ref also #1477.

Closing issue.

gtandersen pushed a commit to gtandersen/runbox7 that referenced this issue Sep 18, 2023
@antoniskalou @gtandersen
fix(tooltips): Move context tool button tooltips to the left side
32022fd 
Currently tooltips show at the bottom of the button, blocking the button
bellow it.

Because of some weird behaviour, the tooltip does not vanish
when you move off it. This is probably due to an outdated material
version, because when reviewing the examples I do not experience
the same behaviour
https://v6.material.angular.io/components/tooltip/overview

As a temporary fix, I have moved the tooltips to the left.

See runbox#1439
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@antoniskalou antoniskalou

Labels
bug Something isn't working P2-high
Projects
None yet
Milestone
Baldr
Development

No branches or pull requests
4 participants
@perigrin @gtandersen @kotecky @antoniskalou