Skip to content

Instantly share code, notes, and snippets.

@IamSilviu
Last active April 13, 2016 10:34
Show Gist options
  • Save IamSilviu/7984597 to your computer and use it in GitHub Desktop.
Save IamSilviu/7984597 to your computer and use it in GitHub Desktop.
CSS Sencha Touch 2.3.1 IE: 10, 11 Fieldset and Input visual fix
/* Remove the IE default clear button and password reveal button */
*::-ms-clear, *::-ms-reveal {
display: none;
}
/* Fix fieldsets and icons with align top */
/* Sebastian Tomescu */
.x-ie .x-dock-vertical.x-stretched > .x-dock-body,
.x-ie .x-iconalign-top.x-button{
height: auto !important;
}
/* Fix Tab issue and input length */
.x-label-align-left .x-component-outer, .x-label-align-right .x-component-outer {
-ms-flex-negative: 0 !important;
-ms-flex-positive: 1 !important;
-ms-flex-preferred-size: 0px !important;
}
/* Overwrites line 93, ../themes/stylesheets/sencha-touch/base/src/_Mask.scss */
.x-ie .x-mask[visibility='visible'] ~ div:not(.x-mask) .x-input-el[type=text],
.x-ie .x-mask[visibility='visible'] ~ div:not(.x-panel) .x-input-el[type=text],
.x-ie .x-mask[visibility='visible'] ~ div:not(.x-floating) .x-input-el[type=text],
.x-ie .x-mask[visibility='visible'] ~ div:not(.x-center) .x-input-el[type=text],
.x-ie .x-mask[visibility='visible'] ~ div:not(.x-msgbox) .x-input-el[type=text],
.x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-mask) .x-input-el[type=text],
.x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-panel) .x-input-el[type=text],
.x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-floating) .x-input-el[type=text],
.x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-center) .x-input-el[type=text],
.x-ie .x-mask:not(.x-item-hidden) ~ div:not(.x-msgbox) .x-input-el[type=text] {
visibility: visible !important;
}
@thelesteanu
Copy link

Nice fix :)

@mcelotti
Copy link

This should fix the msgbox size:

/* Fix msgbox size */
.x-ie {
    .x-msgbox {
        .x-dock.x-dock-horizontal.x-unsized {
            > .x-dock-body {
               width: 100%;
            }
        }
    }
}

Did you manage to solve the selectfield issues? https://www.sencha.com/forum/showthread.php?302655

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment