Toolbar gets hidden underneath navigation sidebar

Created on 7 April 2025, 3 months 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.

  • 🇩🇪Germany jurgenhaas Gottmadingen

    In the latest dev release, this is fixed as I've added a delay until the canvas size is being finally set before recalculating everything.

  • Status changed to Needs review 14 days ago
    • jurgenhaas committed a4e1c0c5 on 3.0.x
      Issue #3517706 by rkoller, jurgenhaas: Toolbar gets hidden underneath...
  • 🇩🇪Germany rkoller Nürnberg, Germany

    your latest commit did the trick. tested with the combination of claro and navigation module, gin and the navigation module, and gin, gin_toolbar and the navigation module, all in safari, firefox, and edge on macos sequoia, and in every scenario the toolbar is shown now! thanks!

  • 🇩🇪Germany jurgenhaas Gottmadingen

    Thank you @rkoller for your great tests.

Production build 0.71.5 2024