Description

When using the PitchSlider widget, pressing the Up and Down arrow keys causes the slider to overlap with blocks instead of moving independently.

Expected Behavior

When the PitchSlider widget is initialized, pressing the Up or Down arrow key should move only the slider, without overlapping with other elements.

Screenshots

How to Reproduce

1. Switch to Advanced Mode.
2. Initialize the PitchSlider widget.
3. Press the Up and Down arrow keys.
4. Observe that the slider overlaps with blocks instead of moving correctly.

Console log Errors

N/A

Additional Context

• Investigated Activity.js:
  • this.palettes.activePalette should not be null in this.__keyPressed.
• Need to check if this.blocksContainer.y is being modified unexpectedly.
• Further debugging is required to identify potential conflicts.

Environment

• Operating System: Windows (Need testing on macOS & Linux)
• Browser: Chrome & Edge (Need testing on Firefox & Safari)
• Version of Software/Project: [e.g., v3.6.2]

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• 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.