# Elm-ui clip in Firefox

**URL:** <https://discourse.elm-lang.org/t/elm-ui-clip-in-firefox/10593>\
**Category:** Learn\
**Created:** [March 31, 2026, 4:01pm UTC](https://discourse.elm-lang.org/t/elm-ui-clip-in-firefox/10593 "2026-03-31T16:01:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![AlanQ](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@AlanQ](https://discourse.elm-lang.org/u/AlanQ)\
**Post date:** [March 31, 2026, 4:01pm UTC](https://discourse.elm-lang.org/t/elm-ui-clip-in-firefox/10593/1 "2026-03-31T16:01:57Z")

</div>

Using the elm-ui `clip` attribute in Firefox (and Firefox derivatives) _clips_ (removes) the entire element!

Others must have noticed this but has anyone investigated why, plus workarounds?

No need for a minimum working example — just `clip` something and watch it disappear in Firefox 😀

I’m currently investigating replacing `width fill, clip` with `width (fill |> maximum (visualViewportWidth - x))`, where `x` is some arbitrary value. It seems to work but it’s hardly ideal… 🫤

---

<div class="post-metadata">

**Author:** ![lydell](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/lydell/32/178_2.png) [@lydell](https://discourse.elm-lang.org/u/lydell)\
**Post date:** [March 31, 2026, 7:08pm UTC](https://discourse.elm-lang.org/t/elm-ui-clip-in-firefox/10593/2 "2026-03-31T19:08:38Z")

</div>

[https://ellie-app.com/yn8n4ygrGRda1](https://ellie-app.com/yn8n4ygrGRda1)

(tested on Firef

---

<div class="post-metadata">

**Author:** ![AlanQ](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@AlanQ](https://discourse.elm-lang.org/u/AlanQ)\
**Post date:** [March 31, 2026, 7:35pm UTC](https://discourse.elm-lang.org/t/elm-ui-clip-in-firefox/10593/3 "2026-03-31T19:35:54Z")

</div>

Oh. 🤦‍♂️ Thank you, Simon (@lydell).

Anywhere I stick `clip` in _my_ code, I lose the entire element.

So it’s due to a combination of attributes…

This’ll be a fun one to track down 🙁 So tempted to stay with my fudge fix…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/1X/50a05e53677a2c3b47776d7abd0f113eb50193a1.png) [@system](https://discourse.elm-lang.org/u/system)\
**Post date:** [April 10, 2026, 7:36pm UTC](https://discourse.elm-lang.org/t/elm-ui-clip-in-firefox/10593/4 "2026-04-10T19:36:40Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.