# Elm-UI different behaviour in Ellie and Reactor

**URL:** <https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629>\
**Category:** Learn\
**Created:** [August 6, 2021, 2:35pm UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629 "2021-08-06T14:35:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chris\_Jobson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/chris_jobson/32/4221_2.png) [@Chris\_Jobson](https://discourse.elm-lang.org/u/Chris_Jobson)\
**Post date:** [August 6, 2021, 2:35pm UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629/1 "2021-08-06T14:35:56Z")

</div>

I want to use Elm-UI to split the screen horizontally into two equal-height rows. I thought I could do this with a column containing two rows with each row having “height \<| fillPortion 1”. The code works perfectly in Ellie [[https://ellie-app.com/dWjmvfM6BRSa1](https://ellie-app.com/dWjmvfM6BRSa1)], with the the two rows having the same height and the contents of the first row being clipped. When I run the same code in reactor the first row has been expanded so the contents are not clipped, and the first row is now taller than the second row.  
Is my code correct and, if so, how do I get it to behave the same way using reaxctot as it does using Ellie?

---

<div class="post-metadata">

**Author:** ![AlienKevin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/alienkevin/32/2727_2.png) [@AlienKevin](https://discourse.elm-lang.org/u/AlienKevin)\
**Post date:** [August 7, 2021, 12:28am UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629/2 "2021-08-07T00:28:47Z")

</div>

You can use [create-elm-app](https://github.com/halfzebra/create-elm-app) to bootstrap your app. I, and many others, use it for projects of any size as it addresses the limitations of out-of-box options:

> - [elm-make](https://guide.elm-lang.org/install.html#elm-make) has limited support for working with JavaScript and CSS.
> - [elm-reactor](https://guide.elm-lang.org/install.html#elm-reactor) does not work with apps that rely on [ports.](http://guide.elm-lang.org/interop/javascript.html)
> - You can not use [Hot Module Replacement.](https://webpack.js.org/concepts/hot-module-replacement)

I tested your code with create-elm-app and it works just like in Ellie. Let me know if you encounter any trouble setting up create-elm-app.

---

<div class="post-metadata">

**Author:** ![lucamug](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/lucamug/32/1764_2.png) [@lucamug](https://discourse.elm-lang.org/u/lucamug)\
**Post date:** [August 7, 2021, 7:28am UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629/4 "2021-08-07T07:28:33Z")

</div>

Nice riddle. I tried to figure it out but I could not find the reason. It should behave the same

---

<div class="post-metadata">

**Author:** ![wondible](https://avatars.discourse-cdn.com/v4/letter/w/e9c0ed/32.png) [@wondible](https://discourse.elm-lang.org/u/wondible)\
**Post date:** [August 7, 2021, 12:20pm UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629/5 "2021-08-07T12:20:12Z")

</div>

I had a similar issue (had to do with clipping a scrolling region in a column I think), it turned out that elm-ui had patch updates; ellie got the newer one with the issued fixed, while my project had been locked to the elm-ui version at the time of project creation.

---

<div class="post-metadata">

**Author:** ![Chris\_Jobson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/chris_jobson/32/4221_2.png) [@Chris\_Jobson](https://discourse.elm-lang.org/u/Chris_Jobson)\
**Post date:** [August 7, 2021, 2:56pm UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629/6 "2021-08-07T14:56:33Z")

</div>

Many thanks! I updated my dependencies using [https://github.com/zwilias/elm-json](https://github.com/zwilias/elm-json) and the reactor version now behaves as it should. I’m now using Elm-UI 1.1.8 whereas previously it was 1.1.0.

---

<div class="post-metadata">

**Author:** ![Chris\_Jobson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/chris_jobson/32/4221_2.png) [@Chris\_Jobson](https://discourse.elm-lang.org/u/Chris_Jobson)\
**Post date:** [August 7, 2021, 3:03pm UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629/7 "2021-08-07T15:03:47Z")

</div>

Thanks very much for your suggestion. As the solution suggested by [https://discourse.elm-lang.org/u/wondible](https://discourse.elm-lang.org/u/wondible) works I’ll carry on using reactor for the time being - but I’ll certainly investigate create-elm-app when I’ve more time available.

---

<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:** [August 17, 2021, 3:04pm UTC](https://discourse.elm-lang.org/t/elm-ui-different-behaviour-in-ellie-and-reactor/7629/8 "2021-08-17T15:04:02Z")

</div>

Closed on August 17, 2021, 3:04pm UTC

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