🐛(frontend) fix toolbar ResizeObserver loop and alignment drift

* Switch toolbar horizontal alignment from `marginRight` to
  `transform: translateX()`, so it no longer triggers layout reflows
  during ResizeObserver cycles and stops the "ResizeObserver loop"
  error.
* Replace the unstable `shift * 2` margin heuristic with a direct
  1:1 positional delta (`offsetX + shift`).
* Decouple CSS transitions: use the individual CSS `translate`
  property for the slide-up/down animations, leaving `transform`
  free for dynamic horizontal positioning.
This commit is contained in:
lebaudantoine
2026-08-13 11:21:39 +02:00
committed by aleb_the_flash
parent 01e004e272
commit c8ec1c8a9d
2 changed files with 8 additions and 7 deletions
+1
View File
@@ -19,6 +19,7 @@ and this project adheres to
- 🐛(frontend) handle 401 responses when syncing user preferences
- 🐛(frontend) harden speaker test against missing sinks and play errors
- 🐛(frontend) implement hysteresis band for the control bar layout
- 🐛(frontend) fix toolbar ResizeObserver loop and alignment drift
## [1.26.0] - 2026-08-12