Bug #39659

File upload button is collapsed in Chrome 21

Added by Julien Fourel over 8 years ago. Updated over 3 years ago.

Status:
Closed
Priority:
Must have
Assignee:
-
Category:
Backend User Interface
Target version:
Start date:
2012-08-09
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
4.5
PHP Version:
5.2
Tags:
Complexity:
easy
Is Regression:
Sprint Focus:

Description

The problem occurs when you are in the filelist backend module, trying to upload new files.
By clicking on the button "Select files", nothing happens, except if you click very close to the bottom border of the button.

By inspecting the element, the object element with ID "SWFUpload_0" is not aligned with the displayed button.
By adding the attribute "bottom: 3px" on the "swfupload" CSS class, the problem is solved. Be careful by doing this, maybe the element will not be aligned anymore on other browser, I did not check.


Files

24884.diff (5.54 KB) 24884.diff Patch against 4.5 Steffen Gebert, 2012-08-15 13:48
collapsed.png (12.6 KB) collapsed.png Steffen Gebert, 2012-08-15 13:56

Related issues

Precedes TYPO3 Core - Bug #39830: File upload doesn't work with ChromeClosed2012-08-15

Actions
#1

Updated by Steffen Gebert over 8 years ago

  • Status changed from New to Accepted
#2

Updated by Steffen Gebert over 8 years ago

Oky, the described fix solves the problem for me and works with the following browsers:
IE 8 Win
Firefox 4.0 Win
Firefox 12.0 Win
Chrome 20 Win
Chrome 21 Win

Tested with TYPO3 4.5. Button doesn't work at all on master branch.

#3

Updated by Steffen Gebert over 8 years ago

  • Subject changed from File upload doesn't work with Chrome to File upload button is collapsed in Chrome 21
#4

Updated by Steffen Gebert over 8 years ago

Okay, in older branches (at least in 4.5) fixing the size of the upload button works, see patch attached in previous post. For newer branches, it still doesn't work in Chrome with this fix. I've reported #39830 for this.

#5

Updated by Steffen Gebert over 8 years ago

BTW: The button "Selected Files" that you're seeing in the screen shot comes from ExtJS. Over this button the SWF <object> (swfupload.swf) is rendered. This object has the wrong size now and you can make it visible by giving #swfupload a background-color

#6

Updated by Gerrit Code Review over 8 years ago

  • Status changed from Accepted to Under Review

Patch set 1 for branch master has been pushed to the review server.
It is available at http://review.typo3.org/13789

#7

Updated by Gerrit Code Review over 8 years ago

Patch set 2 for branch master has been pushed to the review server.
It is available at http://review.typo3.org/13789

#8

Updated by Gerrit Code Review over 8 years ago

Patch set 3 for branch master has been pushed to the review server.
It is available at http://review.typo3.org/13789

#9

Updated by Steffen Gebert over 8 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
#10

Updated by Riccardo De Contardi over 3 years ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF