fix(button): loading icon doesn't show on iOS Safari

fix #219
tusen-ai · Jun 21, 2021 · da83b7a · da83b7a
1 parent 6ee3896
commit da83b7a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -13,6 +13,7 @@
 - Fix `n-tree` misses `on-update-expanded-keys`, `on-update-selected-keys`, `on-update-checked-keys` prop.
 - Fix `n-tree`'s `selected-keys` prop influences original array.
 - Fix `n-select`'s input has useless empty row in multiple filterable mode.
+- Fix `n-button`'s loading icon doesn't show on iOS Safari, closes [#219](https://github.com/TuSimple/naive-ui/issues/219).
 
 ## 2.12.2 (2021-06-19)
 

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -13,6 +13,7 @@
 - 修复 `n-tree` 拖拽悬浮叶节点报错，关闭 [#200](https://github.com/TuSimple/naive-ui/issues/200)
 - 修复 `n-tree` 对 `selected-keys` 属性影响原数组
 - 修复 `n-select` 砸爱 multiple filterable 模式下输入框有无用的空行
+- 修复 `n-button` 的 loading 图标在 iOS Safari 上不显示，关闭 [#219](https://github.com/TuSimple/naive-ui/issues/219)
 
 ## 2.12.2 (2021-06-19)
 

diff --git a/src/_internal/loading/src/styles/index.cssr.ts b/src/_internal/loading/src/styles/index.cssr.ts
@@ -19,7 +19,10 @@ export default cB('base-loading', `
       originalTransform: 'translateX(-50%) translateY(-50%)'
     })
   ]),
-  cE('icon', [
+  cE('icon', `
+    height: 1em;
+    width: 1em;
+  `, [
     iconSwitchTransition()
   ])
 ])