Toolbar gets hidden underneath navigation sidebar

Created on 7 April 2025, 21 days ago

Problem/Motivation

On first load the toolbar gets hidden underneath the navigation side (nav.mp4). Resizing the browser window the value for the left attribute of the canvas gets correctly updated from:

<div class="canvas" role="application" aria-label="BPMN Canvas" style="top: 142.156px; left: 48px; width: 1880px;"><div class="bjs-container" style="width: 100%; height: 100%; position: relative;">

to

<div class="canvas" role="application" aria-label="BPMN Canvas" style="top: 142.156px; left: 48px; width: 1880px;"><div class="bjs-container" style="width: 100%; height: 100%; position: relative;">

If you reload the page the toolbar gets hidden again. Problem applies to latest Safari, Firefox and Edge on macOS Sequoia.

Proposed resolution

It looks like the initial values set in the event listener in bpmn_io.js are not acknowledging the navigation sidebar.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

3.0

Component

User interface

Created by

🇩🇪Germany rkoller Nürnberg, Germany

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @rkoller
  • 🇩🇪Germany jurgenhaas Gottmadingen

    Yeah, I've noticed that as well. Looks like the new toolbar from Drupal core brings a few new paradigms that we need to get acquainted to. We'll address this when all of that is more mature, and then we also need to see that Gin is ready to support the new navigation framework as well, so that we can catch both flies with one stroke.

Production build 0.71.5 2024