Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Absolutely positioned flexbox doesn't expand to fit contents Reply To: Absolutely positioned flexbox doesn't expand to fit contents

#200154
Shaggy
Participant

As you can see in this Fiddle, the ul is nested in an li and positioned off-screen with a negative left value. The :hover state of the parent li sets the left value of the flexed ul to 0. Pretty standard stuff.

The submenus have the potential to contain many items so, to ensure they don’t drop off the end of the screen, I need to break to a new column after a set number of items.