Skip to content

Comments

[8.19] [SharedUX Project Navigation] Fix issue with items in panel openers when side nav is collapsed (#227705)#228083

Merged
tsullivan merged 5 commits intoelastic:8.19from
tsullivan:backport/8.19/pr-227705
Jul 16, 2025
Merged

[8.19] [SharedUX Project Navigation] Fix issue with items in panel openers when side nav is collapsed (#227705)#228083
tsullivan merged 5 commits intoelastic:8.19from
tsullivan:backport/8.19/pr-227705

Conversation

@tsullivan
Copy link
Member

Backport

This will backport the following commits from main to 8.19:

Questions ?

Please refer to the Backport tool documentation

@tsullivan tsullivan requested a review from kibanamachine as a code owner July 15, 2025 17:52
@tsullivan tsullivan added the backport This PR is a backport of another PR label Jul 15, 2025
@tsullivan tsullivan enabled auto-merge (squash) July 15, 2025 17:52
@tsullivan
Copy link
Member Author

/ci

@tsullivan tsullivan force-pushed the backport/8.19/pr-227705 branch from eea7a64 to b56c9f2 Compare July 15, 2025 23:40
…hen side nav is collapsed (elastic#227705)

Closes elastic#227616

The bug was caused some time around
elastic#210893 where support for the
landing pages of panel opener nav items ("four squares" design) was
removed. During that removal, the behavior changed when the side nav is
collapsed: panel opener items need to open as an accordion in that
scenario.

### Other changes
- Initially, I thought the root cause was due to styling, so I cleaned
up styles in `navigation_panel.tsx` and refactored them to use
`@emotion/react`.

### Release Note

Fixed a bug with the solution nav submenu items when the nav is
collapsed.

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- ~~[ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)~~
- ~~[ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials~~
- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- ~~[ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)~~
- ~~[ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.~~
- ~~[ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed~~
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [x] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

(cherry picked from commit d85f216)

# Conflicts:
#	src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/components/panel/styles.ts
@tsullivan tsullivan force-pushed the backport/8.19/pr-227705 branch from e55f732 to e85b222 Compare July 15, 2025 23:58
@bhavyarm bhavyarm self-requested a review July 16, 2025 17:44
Copy link
Contributor

@bhavyarm bhavyarm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@tsullivan tsullivan merged commit 2674602 into elastic:8.19 Jul 16, 2025
8 checks passed
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
navigation 19.1KB 19.1KB -7.0B
serverless 19.8KB 19.8KB -7.0B
total -14.0B

History

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants