ionList - reordering - items don't display at the correct offset when parent has position:absolute

[stefek99]

Video describing the issue: https://www.youtube.com/watch?v=ZuSjoCeBE1c
Code http://codepen.io/stefek99/pen/wtcnj

Taken form docs: http://ionicframework.com/docs/api/directive/ionList/ // http://codepen.io/ionic/pen/JsHjf

What I'm trying to achieve is mobile-like feel on a desktop and I'm using following CSS:

.device {
    position: relative;
    top: 50px;
    display: block;
    width: 395px;
    height: 813px;
    font-family: "Helvetica Neue", sans-serif;
    background-image: url("http://i.imgur.com/1h6ylig.png");
    background-repeat: no-repeat;
    background-position: -395px 0;
    background-size: 300%;
    margin: 0 auto;
  }

  .device .device-content {
    position: absolute;
    top: 117px; /* <-- that breaks */
    left: 37px;
    width: 321px;
    height: 569px;
    overflow: hidden;
    font-size: 17px;
    line-height: 21px;
    background-color: #fff;
  }

It's related to another issue created by me - #1534 - initially I was using an iframe, just like you do (via codepen) on the docs page - http://ionicframework.com/docs/api/directive/ionList/ - but I ended up using the CSS above.

---

I wonder if there is a simple fix to allow reordering items at correct heights.
Thank you
Michal

[perrygovier]

Hey @stefek99 this is a great writeup, thanks. We saw something identical in #1480.

This may be a duplicate, but I'm going to keep both of these open since they're different enough.

-Edit- corrected ticket #

[gastonbesada]

@perrygovier
I'm not sure, but a similar issue has been fixed by ajoslin before. Ref: #1202

[stefek99]

I've downloaded nightly build - http://code.ionicframework.com/#nightly - and it works!

Thank you for fixing the issue in less than 1 day and thank you for providing instructions how to get the latest build: https://github.com/driftyco/ionic#manual-start

[sidenote]
I should learn how to properly use bower, in the past it didn't work for me: bower/bower#455

(now I clearly see how counter-productive is to manually download a nightly version)
[/sidenote]

[offtopic-philosophical]
I work for enterprise and I use your open-source product.

It makes me productive and my manger is happy.

Is there a way for us to purchase a license?

(you are doing such a great job fixing these issues)
[offtopic-philosophical]

[perrygovier]

Hey @stefek99, thanks! Since Ionic is MIT, the license is free and open to all.

We do have some things in the work your company might like to make the development process easier and even faster, but the framework itself will always be free and open to the public. If you're interested in the services, sign up here to get notified when we're ready to demo them.

We're also looking at ways Ionic can be more friendly to enterprise users. @mlynch might be able to shed a little more light.

[stefek99]

Signed up with my work email address.

Congrats on 7k stars on Github.

I'll try recommending you as a company / you as a framework.

Thanks

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.