FLUID-962: long file names in the upload queue, push the file size and remove button out of view

Description

Adding a file with a long file name to the upload queue, hides information in the upload queue. The long file name should be shortenned with (...) to show the beginning, middle, and end. Currently it stretches to the end of the upload queue and pushes the file size and remove button out of view. If there are other files in the upload queue, their size and remove button will be out of view as well.

Steps to Reproduce:

1) Open one of the versions of Uploader from the daily build site:
http://build.fluidproject.org/infusion/demos/uploader/html/uploader.html

2) Add some files with short file names. (notice that everything displays appropriately)

3) Add another file with a long file name. (notice how it pushed the file size and remove icon out of view)

Environments

FF2, FF3, Opera 9.6, Safari 3 (Mac OS 10.5)
FF 29, Chrome 35, Safari 7 (Mac OS 10.9)
Safari 9 (Mac OS 10.11)
Safari 10 (macOS 10.12)
FF2, FF3, IE6, IE7, Opera 9.6 (Win XP)
FF3, IE7 (Win Vista)
IE 10, IE 11 (Win 7)

Attachments

Comments

• Justin Obara commented 2008-07-21T18:00:41.000-0400

  'screenshot-1' shows how a long file name pushes the files size and remove button out of view

• Eli Cochran commented 2008-08-05T20:21:57.000-0400

  need to implement "smart" file name truncation

• Justin Obara commented 2008-09-16T14:52:28.000-0400

  Affects Uploader 2

• Eli Cochran commented 2008-09-19T15:16:14.000-0400

  This is basically the same bug as FLUID-1595 it just manifests its self differently on different browsers and both of these bugs will be to come up with a way to automatically truncate the text of long files names. I thought that there was a bug written for that, but I can't find it.

• Anastasia Cheetham commented 2010-12-22T11:11:41.797-0500

  This is still happening in v1.3

• Anastasia Cheetham commented 2011-10-03T12:39:50.784-0400

  Testing for the 1.4 release, this is still happening, though in FF on Mac, the delete buttons for short file names are NOT being pushed, only the ones for the long file names.

• Saksham Saxena commented 2016-03-06T12:32:52.942-0500

  Not on IE 10,11; Chrome and FF on Win 10. Unlikely that it'll be reproduced, as FLUID-4075 is closed.

• Justin Obara commented 2016-03-09T09:15:59.980-0500

  @@Saksham Saxena I just did a quick test in Safari 9 and the issue is still present there. Also FLUID-4075 was close because it is a duplicate of this issue.

• Akshay Agarwal commented 2016-03-29T14:11:13.330-0400

  Is anyone working on this issue?

• Justin Obara commented 2016-11-08T12:39:27.039-0500

  Addressed with work for FLUID-6028, which causes the long file names to wrap to a new line.