Bulma: Content inside a column and "position: fixed;"

[NachoNav]

This is about Bulma | the Docs.

Is it a bug/feature/question or do you need help?

Overview of the problem

This is about the Bulma CSS framework

Description

I have two columns. Inside one of them, I have a content div. When I set this div position: fixed, it overlays the column.

Steps to Reproduce

1. Create a column.
2. Create a content div inside it.
3. Give it the "position: fixed;" style.

Expected behavior

I expected it to be fixed and inside the column.

Actual behavior

The text goes over the column.

[jgthms]

By adding position: fixed the element is out of the flow, and is positioned relatively to the viewport.

Read more: https://cssreference.io/property/position/ https://developer.mozilla.org/en-US/docs/Web/CSS/position

[lukepighetti]

Hi @jgthms this definitely works correctly, I agree, however, I do wonder what the best way is to fix a column in place.

This example shows a menu on the left which is located within a column and it would be nice if I could fix it in place.

[finestpixels]

I think what you're looking for is:
position: sticky; top: 0;

[maxailloud]

Sticky is not supported by IE so maybe not the best.

[oxavibes]

Sticky is not supported by IE so maybe not the best.

Who cares about IE? 😆