# NO BUG: Overflow-x hidden & overflow-y hidden not working

**URL:** <https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376>\
**Category:** Bugs\
**Created:** [October 29, 2022, 10:58am UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376 "2022-10-29T10:58:49Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/michael/32/101_2.png) [@Michael](https://forum.bricksbuilder.io/u/Michael)\
**Post date:** [October 29, 2022, 10:58am UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/1 "2022-10-29T10:58:49Z")

</div>

**Bricks Version** : 1.5.6  
**Browser** : Opera Latest  
**OS** : Win 11

Hi,

Applying overflow-x or overflow-y to a container via custom CSS outputs overflow-x in the backend and frontend inc dev tools. Have not tested on other elements.

Also, is it possible to add this via the overflow control, or does it just accept (visible / hidden)?

Many thanks

Mick

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [November 1, 2022, 11:42am UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/2 "2022-11-01T11:42:42Z")

</div>

Hi Mick,  
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue (see screenshots below).

If you add only one parameter to the field (Layout » MISC » Overflow), the value applies to both axes. If you add two parameters like “hidden visible”, it applies to the x and the y axis independently:

![image](https://forum.bricksbuilder.io/uploads/default/original/2X/d/daf9ed13433d84aa04e20c82d63dc114016a6bdb.png)

Best regards,  
timmse

Builder:

 ![image](https://forum.bricksbuilder.io/uploads/default/original/2X/6/6b559a8d58b0c2a2b54ca37145fb0345b4804591.png)

Frontend:  
 ![image](https://forum.bricksbuilder.io/uploads/default/original/2X/0/05a68ff3656adeb1b440265eb6cdd7eb0ef849fe.png)

---

<div class="post-metadata">

**Author:** ![Michael](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/michael/32/101_2.png) [@Michael](https://forum.bricksbuilder.io/u/Michael)\
**Post date:** [November 2, 2022, 10:50am UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/3 "2022-11-02T10:50:34Z")

</div>

Hey Stefan,

Appreciate the reply - It does not seem to work for me. Please see the loom vid below:

Many thanks

Mick

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [November 5, 2022, 12:55pm UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/4 "2022-11-05T12:55:41Z")

</div>

Hey Mick,  
It looks like the issue can be solved by using the relatively new property “overflow: clip”:

> **[Do you know about overflow: clip? | Kilian Valkhof](https://kilianvalkhof.com/2022/css-html/do-you-know-about-overflow-clip/)**
>
> You probably know overflow: hidden, overflow: scroll and overflow: auto, but do you know overflow: clip? It's a relatively new value for the overflow property, and with Safari 16 being released later this year all evergreen browsers will support it....

So instead of using overflow: `hidden visible`, use `clip visible`, which should do the trick.

Best regards,  
timmse

---

<div class="post-metadata">

**Author:** ![Michael](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/michael/32/101_2.png) [@Michael](https://forum.bricksbuilder.io/u/Michael)\
**Post date:** [November 5, 2022, 3:40pm UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/5 "2022-11-05T15:40:45Z")

</div>

Haha, Oooh sounds like some nice CSS porn on a Saturday night!

Nice one Stefan, I will dim the lights and give it a good read 😜

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [November 5, 2022, 5:22pm UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/6 "2022-11-05T17:22:24Z")

</div>

Too much information 🙈 🙉

---

<div class="post-metadata">

**Author:** ![Michael](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/michael/32/101_2.png) [@Michael](https://forum.bricksbuilder.io/u/Michael)\
**Post date:** [November 7, 2022, 4:02pm UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/7 "2022-11-07T16:02:57Z")

</div>

Huh, what? I didnt go hard rated and mention container queries did I? 🤣 🤣

But this worked a real treat Stefan thank you for the heads up about it!

p.s for others who find themselves with the same question, in the article it also mentions than you are unable to combine a visible with hidden:

 ![Opera Snapshot_2022-11-07_230122_kilianvalkhof.com](https://forum.bricksbuilder.io/uploads/default/original/2X/a/a2ce477cdae412628929f0f0cc33bcc77d04a854.png)

#nobug

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [November 9, 2022, 11:41am UTC](https://forum.bricksbuilder.io/t/no-bug-overflow-x-hidden-overflow-y-hidden-not-working/7376/8 "2022-11-09T11:41:09Z")

</div>

About the container queries: 65% support is round about 30% too little 😉

> **[CSS Container Queries (Size) | Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/css-container-queries)**
>
> "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
