# Uploading via mobile - interface overlapping and unclear cancel actions

**URL:** <https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569>\
**Category:** UX\
**Created:** [2월 14, 2016, 2:02오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569 "2016-02-14T14:02:44Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)\
**Post date:** [2월 14, 2016, 2:02오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569/1 "2016-02-14T14:02:44Z")

</div>

- Whilst uploading via mobile the interface elements overlap.
- Whilst typing the upload button / link becomes a moving target because of the saving status.
- it is unclear the difference between “cancel” and “x” when uploading
- some other message after upload is at 100% would be good. It stays displaying “Uploading 100%” for a very long time compared to uploading through to 100%. WordPress uses “Crunching…”.

 ![](https://global.discourse-cdn.com/meta/original/3X/0/0/007c2981fd475548a9404e54189c92525488726c.png)

---

<div class="post-metadata">

**Author:** ![Sailsman63](https://avatars.discourse-cdn.com/v4/letter/s/b5ac83/32.png) [@Sailsman63](https://meta.discourse.org/u/Sailsman63)\
**Post date:** [2월 14, 2016, 3:34오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569/2 "2016-02-14T15:34:41Z")

</div>

Confirmed on Android chrome mobile.  
Also confirmed on Try, so this has nothing to do with new topic virtual DOM.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2월 14, 2016, 10:08오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569/3 "2016-02-14T22:08:46Z")

</div>

There is just so little room there, especially on smaller phones, not sure how it all can fit.

Mockup?

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2월 14, 2016, 10:47오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569/4 "2016-02-14T22:47:22Z")

</div>

Well “saved” should disappear after a moment and release that room on mobile.

Edit: also we could use a glyph instead of the large wide text “Uploading…”

---

<div class="post-metadata">

**Author:** ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)\
**Post date:** [2월 14, 2016, 10:56오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569/5 "2016-02-14T22:56:47Z")

</div>

Obviously it’s undesirable to use the “Create Topic” button whilst uploading (it’s disabled).

I don’t see any issue in hiding the “Create Topic” button whilst uploading.

---

<div class="post-metadata">

**Author:** ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)\
**Post date:** [2월 14, 2016, 11:03오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569/6 "2016-02-14T23:03:30Z")

</div>

Perhaps even hide “cancel” as well as “Create Topic” whilst uploading.

Cancelling creation of a post / topic would be a two step process if currently uploading i.e. cancel upload, then cancel post / topic creation.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2월 14, 2016, 11:05오후 UTC](https://meta.discourse.org/t/uploading-via-mobile-interface-overlapping-and-unclear-cancel-actions/39569/7 "2016-02-14T23:05:20Z")

</div>

Yeah I like this, super simple, just hide that panel (Create and cancel) while uploading.