Skip to content

Commit b59abd6

Browse files
fifoosidilhan007
authored andcommitted
fix(ui5-radiobutton): fix focus in ie11 (#327)
1 parent 515121f commit b59abd6

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

packages/main/src/themes-next/RadioButton.css

+8-7
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,23 @@
22
max-width: 100%;
33
text-overflow: ellipsis;
44
overflow: hidden;
5+
display: inline-block;
56
}
67

78
ui5-radiobutton {
89
max-width: 100%;
910
text-overflow: ellipsis;
1011
overflow: hidden;
12+
display: inline-block;
13+
}
14+
15+
span[data-sap-ui-wc-root] {
16+
display: inline-block;
1117
}
1218

1319
.sapMRb {
1420
position: relative;
15-
display: inline-flex;
21+
display: flex;
1622
flex-wrap: nowrap;
1723
outline: none;
1824
max-width: 100%;
@@ -28,13 +34,8 @@ ui5-radiobutton {
2834
opacity: var(--sapUiContentDisabledOpacity);
2935
}
3036

31-
/* Disabled on focus */
32-
.sapMRb.sapMRbDis:focus:before {
33-
display: none;
34-
}
35-
3637
/* Focused */
37-
.sapMRb:focus:before {
38+
.sapMRb:not(.sapMRbDis):focus:before {
3839
content: "";
3940
display: block;
4041
position: absolute;

0 commit comments

Comments
 (0)