Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Masthead]: Megamenu positioned incorrectly when global banner is present #11775

Open
2 tasks done
jkaeser opened this issue May 8, 2024 · 0 comments · May be fixed by #11837
Open
2 tasks done

[Masthead]: Megamenu positioned incorrectly when global banner is present #11775

jkaeser opened this issue May 8, 2024 · 0 comments · May be fixed by #11837
Assignees
Labels
adopter: AEM used when component or pattern will be used by this adopter bug Something isn't working dev Needs some dev work owner: Innovation Team used when the engineering work will be done by Hybrid Cloud with DDS engineers as consultants package: web components Work necessary for the IBM.com Library web components package v2

Comments

@jkaeser
Copy link
Member

jkaeser commented May 8, 2024

Description

Given I am on a webpage that includes both a <c4d-global-banner> and <c4d-masthead>,
and I am scrolled to the top of the window,
and I open an L0 megamenu,
then the megamenu is positioned atop the banner.

Screen.Recording.2024-05-08.at.1.50.54.PM-480.mov

We need to adjust the positioning logic. Ideally there's a way to get the megamenus positioned relative to the visible portions of the masthead L0.

Component(s) impacted

<c4d-global-banner>
<c4d-masthead-container>
<c4d-masthead-composite>

Browser

Chrome

Carbon for IBM.com version

v2.x

Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Application/website

AEM

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

none

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

@jkaeser jkaeser added bug Something isn't working dev Needs some dev work package: web components Work necessary for the IBM.com Library web components package adopter: AEM used when component or pattern will be used by this adopter owner: Innovation Team used when the engineering work will be done by Hybrid Cloud with DDS engineers as consultants v2 labels May 8, 2024
@jkaeser jkaeser self-assigned this May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
adopter: AEM used when component or pattern will be used by this adopter bug Something isn't working dev Needs some dev work owner: Innovation Team used when the engineering work will be done by Hybrid Cloud with DDS engineers as consultants package: web components Work necessary for the IBM.com Library web components package v2
Projects
Status: No status
1 participant