fix(ui5-radiobutton): fix focus in ie11 (#327)

SAP · Apr 10, 2019 · b59abd6 · b59abd6
1 parent 515121f
commit b59abd6
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/packages/main/src/themes-next/RadioButton.css b/packages/main/src/themes-next/RadioButton.css
@@ -2,17 +2,23 @@
 	max-width: 100%;
 	text-overflow: ellipsis;
 	overflow: hidden;
+	display: inline-block;
 }
 
 ui5-radiobutton {
 	max-width: 100%;
 	text-overflow: ellipsis;
 	overflow: hidden;
+	display: inline-block;
+}
+
+span[data-sap-ui-wc-root] {
+	display: inline-block;
 }
 
 .sapMRb {
 	position: relative;
-	display: inline-flex;
+	display: flex;
 	flex-wrap: nowrap;
 	outline: none;
 	max-width: 100%;
@@ -28,13 +34,8 @@ ui5-radiobutton {
 	opacity: var(--sapUiContentDisabledOpacity);
 }
 
-/* Disabled on focus */
-.sapMRb.sapMRbDis:focus:before {
-	display: none;
-}
-
 /* Focused */
-.sapMRb:focus:before {
+.sapMRb:not(.sapMRbDis):focus:before {
 	content: "";
 	display: block;
 	position: absolute;