Bug 927208 - The display of "Choose file" button is not consistent on safari/Chrome and firefox/IE.
Summary: The display of "Choose file" button is not consistent on safari/Chrome and fi...
Keywords:
Status: CLOSED CANTFIX
Alias: None
Product: OKD
Classification: Red Hat
Component: Website
Version: 2.x
Hardware: Unspecified
OS: Unspecified
low
low
Target Milestone: ---
: ---
Assignee: Steve Goodwin
QA Contact: libra bugs
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2013-03-25 11:36 UTC by Yujie Zhang
Modified: 2015-05-15 01:20 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: Bug Fix
Doc Text:
Clone Of:
Environment:
Last Closed: 2013-03-27 12:16:51 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
"Choose file" button on chrome (50.20 KB, image/png)
2013-03-25 11:36 UTC, Yujie Zhang
no flags Details
"Choose file" button on firefox (52.14 KB, image/png)
2013-03-25 11:37 UTC, Yujie Zhang
no flags Details

Description Yujie Zhang 2013-03-25 11:36:42 UTC
Created attachment 715959 [details]
"Choose file" button on chrome

Description of problem:

Checked the display of "Choose file" button on all browsers, found that the display is same on Chrome and Safari, but it's different on firefox and IE. Can we make it consistent to all browsers?

Version-Release number of selected component (if applicable):
devenv_2993

How reproducible:
always

Steps to Reproduce:
1.Go to openshift website and login
2.Create an application 
3.Check the "Choose file" button on the add alias page
  
Actual results:

The display of "Choose file" button is not consistent on browsers.Details see in attachment.

Expected results:

Better to make the display of "Choose file" button consitent on browsers.

Additional info:

Comment 1 Yujie Zhang 2013-03-25 11:37:13 UTC
Created attachment 715960 [details]
"Choose file" button on firefox

Comment 2 Jordan Liggitt 2013-03-27 12:16:51 UTC
Webkit renders file inputs as
"Choose file" [No file selected]

Firefox/IE renders them as
[                     ][Browse...]

There is no way for us to change that appearance

Comment 3 openshift-github-bot 2013-03-28 18:37:08 UTC
Commit pushed to master at https://github.com/openshift/origin-server

https://github.com/openshift/origin-server/commit/ff2edf747e2664599c81d47f5161f64b7edcd9a3
Fix for Bug 927208
Multiple edits needed because of the issues involved with the problem of styling input[type="file"] that are also disabled.
In a nutshell, it's nearly impossible to present input type=file in a consistant manner across browsers platforms. Further complicated by the way Firefox handles those inputs when disabled - text and background-color are given opacity and inherit the parent background color which caused the text to be unreadable on our dark background. So created the .platform class, which is inverse of well.


Note You need to log in before you can comment on or make changes to this bug.