Opened 9 years ago
Closed 9 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
- Go to Demo Page in IE11 or Edge. Click on Demo.
- Click on Image Icon.
- 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)
Change History (3)
Changed 9 years ago by
| Attachment: | Image Upload Tab Bug Screenshots.pdf added |
|---|
comment:1 Changed 9 years ago by
| 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 9 years ago by
| Resolution: | → invalid |
|---|---|
| Status: | new → closed |
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.
pdf of screenshots