Opened 4 years ago

Closed 4 years ago

#13726 closed Bug (invalid)

Image Dialog Upload Tab in IE11 and Edge Is Not Same as for Firefox and Chrome

Reported by: Jack Herr Owned by:
Priority: Normal Milestone:
Component: General Version:
Keywords: Cc:

Description

Steps to reproduce

  1. Go to Demo Page in IE11 or Edge. Click on Demo.
  2. Click on Image Icon.
  3. Click on Upload Tab

It shows what appears to be a grayed out hidden text box that is used as the actual ajax post file name, followed by a browse button. A click on either the box or the browse button yields launch of the file browser. When an image is selected, the gray box shows the file name. In Firefox, it shows what appears to be the intended dialog: Browse button, text saying "No file selected" or the name of the file after it's been selected (as text, not a text box), as well as the send to server button (which is in both).

I am attaching a pdf of the two screen shots if I can figure out how to do that.

Expected result

Firefox screen shot shown in attached document.

Actual result

IE screen shot shown in attached document.

Other details (browser, OS, CKEditor version, installed plugins)

IE 11 and Edge, Windows 10 Pro, CKEditor 4.5.3 (demo site)

Attachments (1)

Image Upload Tab Bug Screenshots.pdf (120.4 KB) - added by Jack Herr 4 years ago.
pdf of screenshots

Download all attachments as: .zip

Change History (3)

Changed 4 years ago by Jack Herr

pdf of screenshots

comment:1 Changed 4 years ago by Jakub Ś

Keywords: Image Upload Tab removed
Version: 4.5.3

What you can see are different browser representations of input type="file" element. This element is not styled thus it looks a little bit different in every browser.

comment:2 Changed 4 years ago by Jakub Ś

Resolution: invalid
Status: newclosed

We don't consider this a bug in editor. Different UI doesn't limit the functionality as in both cases it is quite obvious what to do. What is more, people have problems with styling these elements e.g. http://jaketrent.com/post/style-file-input/.

Taking the above into account, we are not going to work on this issue however we are willing to accept pull request from anyone who would like to change/unify the looks of file upload buttons.

@JackHerr if you would like to help us developing CKEditor by submitting pull request for this specific issue, please get familiar with http://docs.ckeditor.com/#!/guide/dev_contributing. Next you just need to get the code from https://github.com/cksource/ckeditor-dev, make change and submit a pull request - https://help.github.com/articles/creating-a-pull-request.

Perhaps this link might be helpful - http://stackoverflow.com/questions/21842274/cross-browser-custom-styling-for-file-upload-button.

Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy