Skip to content

ScrollableBlock in MenuFullScreen #7849

@IrynaD26

Description

@IrynaD26

Description

We have a submenu with alternate MenusegmentTitle and ScrollableBlock inside it.

On big screens, both the ScrollableBlock background and the MenusegmentTitle background are grey.

On small screens, we use MenuFullScreen, As a result, the ScrollableBlock background is grey, but the MenusegmentTitle background is black.

  • We expect that both the ScrollableBlock background and the MenusegmentTitle background are black.
  • We expect that ScrollableBlock shrinks when there are no search results/few search results.

Suggested solution

Updating the ScrollableBlock styling logic when it's used in MenusegmentTitle.
Maybe adding max-height or something to ScrollableBlock so that it could shrink.

Demo URL

https://stackblitz.com/edit/parsium-carbon-starter-d5zkn5nf?file=src%2FApp.tsx

Alternatives

No response

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions