# Ion-list with checkbox breaks when adding visible reorder button

**URL:** <https://forum.ionicframework.com/t/ion-list-with-checkbox-breaks-when-adding-visible-reorder-button/6604>\
**Category:** ionic-v1\
**Created:** [July 9, 2014, 9:59am UTC](https://forum.ionicframework.com/t/ion-list-with-checkbox-breaks-when-adding-visible-reorder-button/6604 "2014-07-09T09:59:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![petewritescode](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@petewritescode](https://forum.ionicframework.com/u/petewritescode)\
**Post date:** [July 9, 2014, 9:59am UTC](https://forum.ionicframework.com/t/ion-list-with-checkbox-breaks-when-adding-visible-reorder-button/6604/1 "2014-07-09T09:59:25Z")

</div>

Hi all, I’m new to Ionic and trying to get my head around an issue with ion-list.

I’ve created a list with checkboxes next to each item, and it displays fine. I also want visible reorder icons on the right-hand side, but as soon as I add these, it breaks the layout of the checkboxes, making them move to the right and obscure the item text.

You can see what I mean here:

> **[xvIzl](https://codepen.io/anon/pen/xvIzl)**
>
> ...

If you remove the ion-reorder-button then things display as expected.

Does anyone know how to fix this?

Thanks,

Pete

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 9, 2014, 10:09pm UTC](https://forum.ionicframework.com/t/ion-list-with-checkbox-breaks-when-adding-visible-reorder-button/6604/2 "2014-07-09T22:09:26Z")

</div>

Unfortunately, this issue can’t easily be resolved.

Ideally, you would use the ion-checkbox with this, but that too causes issues.

> **[JmCkj](https://codepen.io/mhartington/pen/JmCkj)**
>
> Forked from \[Captain Anonymous\](http://codepen.io/anon/)'s Pen \[xvIzl\](http://codepen.io/anon/pen/xvIzl/)....

I do have an issue opened for this and hopefully this will be added soon.

> <https://github.com/ionic-team/ionic/issues/1704>

For the time being though, you may way to re-think the UI ☹

---

<div class="post-metadata">

**Author:** ![petewritescode](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@petewritescode](https://forum.ionicframework.com/u/petewritescode)\
**Post date:** [July 10, 2014, 8:11am UTC](https://forum.ionicframework.com/t/ion-list-with-checkbox-breaks-when-adding-visible-reorder-button/6604/3 "2014-07-10T08:11:02Z")

</div>

Hi Mike, thanks for the reply. Sorry to hear it’s not an easy fix! I think I’ll look into using custom styling within the items and just use Ionic for the list and reordering functionality. I’ll keep an eye on the issue as it would be good to use the default Ionic items.

Cheers,

Pete