New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
www.leroymerlin.fr - Multiple arrows displayed for drop-downs #7064
Comments
This is the style for the select element. .lm-form select, .lm-form .combo-box {
font-size: 1em;
min-height: 2.08em;
border: 1px solid #D3D3D3;
background: linear-gradient(#FFF,#EAEAEA) repeat scroll 0 0 transparent;
-webkit-appearance: initial;
}
.select-gradient-one select {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
margin: 0 0 4% 0;
padding: 0 5%;
line-height: 2em;
font-family: "HelveticaCn";
font-size: 0.928em;
text-align: center;
text-decoration: none;
color: #807e7e;
border: 1px solid #d3d3d3;
border-radius: 0.2em;
background: none;
background: #eaeaea;
background: -moz-linear-gradient(top,#fff 0,#eaeaea 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,#fff 0,#eaeaea 100%);
background: -o-linear-gradient(top,#fff 0,#eaeaea 100%);
background: -ms-linear-gradient(top,#fff 0,#eaeaea 100%);
background: linear-gradient(to bottom,#fff 0,#eaeaea 100%);
background: linear-gradient(#fff,#eaeaea);
padding: 2% 5%;
font-family: "Arial",sans-serif;
} And… this is another case… of If they had .lm-form select, .lm-form .combo-box {
font-size: 1em;
min-height: 2.08em;
border: 1px solid #D3D3D3;
background: linear-gradient(#FFF,#EAEAEA) repeat scroll 0 0 transparent;
-webkit-appearance: initial;
-moz-appearance: initial;
} |
ok let's start. There are a couple of issues with Leroy Merlin Web site. I wonder if @steedm can help us find the right persons working for @Leroy-Merlin-France (I wish this account was more active :) like @leroy-merlin-br ) |
Reaching out for multiple Leroy Merlin bugs to Fernando Freire, Manager IT Program & Applications at Leroy Merlin via LinkedIn. |
No luck there. Trying to reach Pascal Malfoy - Global leader Developement and Innovation chez ADEO |
Maybe someone with an account for the site could double check that this site works in a Nightly build with the pref layout.css.webkit-appearance.enabled set to true? |
More specifically, I'd like to confirm that when run in Nightly the site is still broken when the pref layout.css.webkit-appearance.enabled set to false, but fixed when it's set to true. |
@jwatt , the issue seems to be fixed regardless if Tested with: Closing the issue as Fixed. |
@softvision-oana-arbuzov thanks! |
The markup is now <p class="lmInput">
<label for="codeMagasin">Magasin * </label>
<span class="select-gradient-one" role="listbox">
<select name="codeMagasin" id="codeMagasin" required="">
<option value="">Sélectionnez...</option>
<optgroup class="green" label="01 AIN">
<option value="167">Thoiry</option>
</optgroup>
<!-- … cut for clarity … -->
</select>
<i class="ico-arrow-bottom-light" aria-hidden="true"></i>
</span>
</p> And they added .select-gradient-one select {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
margin: 0 0 4% 0;
padding: 0 5%;
line-height: 2em;
font-size: 0.928em;
text-align: center;
text-decoration: none;
color: #807e7e;
border: 1px solid #d3d3d3;
border-radius: 0.2em;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #eaeaea;
background: -moz-linear-gradient(top,#fff 0,#eaeaea 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,#fff 0,#eaeaea 100%);
background: -o-linear-gradient(top,#fff 0,#eaeaea 100%);
background: -ms-linear-gradient(top,#fff 0,#eaeaea 100%);
background: linear-gradient(to bottom,#fff 0,#eaeaea 100%);
background: linear-gradient(#fff,#eaeaea);
padding: 2% 5%;
font-family: "Arial",sans-serif;
} |
URL: https://www.leroymerlin.fr/v3/compteinternaute/inscription/mesdonnees.do
Browser / Version: Firefox Mobile Nightly 55.0a1 (2017-05-28)
Operating System: Nexus 5 (Android 6.0.1) - Resolution 1080 x 1920 pixels (~445 ppi pixel density)
Problem type: Something else - I'll add details below
Steps to Reproduce
Expected Behavior:
Single arrow is displayed.
Actual Behavior:
Two arrows are displayed.
Note:
Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov
sv; country: fr
From webcompat.com with ❤️
The text was updated successfully, but these errors were encountered: