Dropdown not displaying properly on Safari (and IOS devices) #11
1 participant
davidMGS
changed the title from
Dropdown not display properly on Safari (and IOS devices) to Dropdown not displaying properly on Safari (and IOS devices)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Needs to use long-form CSS3 transform scale definition in the CSS file (and possibly for transition and transform-origin). Sample fix below:
.dropdownjs > input.focus ~ ul {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.dropdownjs > ul {
position: absolute;
padding: 0;
margin: 0;
min-width: 200px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
z-index: 10000;
}