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

[Vue2] T21044 - Toolbox hover position problem #6211

Open
JaneSjs opened this issue Dec 10, 2024 · 1 comment
Open

[Vue2] T21044 - Toolbox hover position problem #6211

JaneSjs opened this issue Dec 10, 2024 · 1 comment
Labels
bug user issue An issue or bug reported by users.

Comments

@JaneSjs
Copy link
Contributor

JaneSjs commented Dec 10, 2024

A reproducible demo is available within the original thread: T21044 - Toolbox hover position problem.
A toolbox item tooltip appears at right of a toolbox item and is overlapped by a property grid:
image

@JaneSjs JaneSjs added bug user issue An issue or bug reported by users. labels Dec 10, 2024
@JaneSjs JaneSjs changed the title [Vue2] T21044 - Toolbox hover position problem https://surveyjs.answerdesk.io/internal/ticket/details/T21044 [Vue2] T21044 - Toolbox hover position problem Dec 12, 2024
@JaneSjs
Copy link
Contributor Author

JaneSjs commented Dec 12, 2024

We investigated this issue and found that the tooltips are misaligned due to PostCSS which transforms the CSS styles of SurveyJS Creator. Specifically, this transformation affects styles managing the toolbox item tooltip positions. For instance, padding-inline-end is converted to padding-right.

Addressing this issue within our libraries would require substantial code modifications, so we may not handle this issue at the moment.

To resolve this, you can disable PostCSS if you wish to display the toolbox on the right side and ensure proper tooltip alignment. Alternatively, you can retain the default toolbox position on the left side of the creator interface.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug user issue An issue or bug reported by users.
Projects
None yet
Development

No branches or pull requests

2 participants