Add note piemenu opening behind the keyboard causing accessibility issue

[lakshita-joshi]

Current Behavior

The "Add Note" pie menu on the music keyboard opens behind the keyboard rather than in front, making it seem as though the menu did not open.

Desired Behavior

The add note menu should either open at the front of the music keyboard or in a location that ensures it remains visible to the user providing easy access and visibility.

Screenshots / Mockups

keyboard.add.note.mp4

Acceptance Tests

Environment

• Operating System: [e.g., Windows, macOS, Linux]
• Browser (if applicable): [e.g., Chrome, Firefox, Safari]
• Version of Software/Project: [e.g., v1.0.0]

Additional Information

Checklist

• [y] I have read and followed the project's code of conduct.
• [y] I have searched for similar issues before creating this one.
• [y] I have provided all the necessary information to understand and reproduce the issue.
• [y] I am willing to contribute to the resolution of this issue.

---

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.

[lakshita-joshi]

@walterbender should i work on this?

[walterbender]

Sure...

[walterbender]

Note that we do not assign issues at Sugar Labs

[Vaivaswat2244]

Interesting,
@lakshita-joshi can you guide me to how can I reproduce this issue?
I can collaborate.