Hide dropdown menu with overflow:hidden

Question

https://codesandbox.io/s/competent-hill-lszyv?file=/src/App.tsx

I'm trying to hide the dropdown menu (the red box) by setting the parent container with overflow:hidden but that doesn't work, how can I achieve this?

Aleksandr Smyshliaev · Accepted Answer · 2021-09-25 05:54:52Z

1

Can hide it depend on open flag.

  {open && <ul className={styles.dropDownList}>
    {localesArr.map((locale, index) => {
      return (
        <li key={`${locale}-${index}`}>
          <a href="/">{locale}</a>
        </li>
      );
    })}

answered Sep 25, 2021 at 5:54

Aleksandr Smyshliaev

4284 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

João Pedro · Accepted Answer · 2021-09-25 06:01:31Z

0

I fixed by setting the container div to position:relative

answered Sep 25, 2021 at 6:01

João Pedro

1,0084 gold badges19 silver badges40 bronze badges

Collectives™ on Stack Overflow

Hide dropdown menu with overflow:hidden

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related