Left Nav Menu Item Not Highlighting based on click

Created on 26 January 2023, almost 2 years ago

Left Nav in Redoc UI View is not Highlighting/Updating based on Click of Nav Item

When we Click a Nav Item, the exact clicked Nav Item is not highlighted but the one above it gets highlighted. Also the URL parts points to the Nav Item one above it. In case of multi tags the one clicked doesn't expand.

Steps to reproduce

Go to any API Doc Details page with Redoc UI view and try toc click any Nav Item. The one clicked will neither expand nor highlight.

ReDoc for OpenAPI UI: 8.x-1.0-rc3
Drupal: 9.2.8
PHP: 7.4.20

πŸ› Bug report
Status

Active

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States samhaldia Philadelphia

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

Comments & Activities

  • Issue created by @samhaldia
  • πŸ‡ΊπŸ‡ΈUnited States samhaldia Philadelphia
  • πŸ‡ΊπŸ‡ΈUnited States samhaldia Philadelphia

    On inevestigaion found Drupal Core applying those changes to HTML DOM Element, which disrupted the behavior of Left Nav menu in API Doc rendering

    There are other Jquery's with similar effect to HTML DOM Element:

    web\core\misc\tableheader.es6.js:

    this.$html.css(
    'scroll-padding-top',
    displace.offsets.top +
    (this.stickyVisible ? this.$stickyTable.height() : 0),
    );
    web\core\misc\tableheader.js:

    this.$html.css('scroll-padding-top', displace.offsets.top + (this.stickyVisible ? this.$stickyTable.height() : 0));
    The Drupal Core Jquery affecting or applying the *scroll-padding-top to HTML DOM element in actual is:*

    \web\core\modules\toolbar\js\views\ToolbarVisualView.js

  • πŸ‡¦πŸ‡·Argentina ffernandezz Buenos Aires

    Hi Samhaldia,

    How were you able to solve this? I'm having the same problem and I thought it was a problem with the IDs that were generated.

    Thank you very much

Production build 0.71.5 2024