diff --git a/packages/ui/package.json b/packages/ui/package.json
index 84a14a0d..55f3dabb 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/ui",
-  "version": "1.3.3-beta.7",
+  "version": "1.3.3-beta.8",
   "description": "ui plugin for oplayer",
   "type": "module",
   "main": "./dist/index.es.js",
diff --git a/packages/ui/src/components/Setting.style.ts b/packages/ui/src/components/Setting.style.ts
index e0dd4aa9..97c63007 100644
--- a/packages/ui/src/components/Setting.style.ts
+++ b/packages/ui/src/components/Setting.style.ts
@@ -102,7 +102,7 @@ export const settingItemCls = $.css({
   display: 'flex',
   overflow: 'hidden',
 
-  // '& > *': { 'pointer-events': 'none' },
+  '& > *': { 'pointer-events': 'none' },
 
   '&:hover': {
     'background-color': 'rgba(255, 255, 255, 0.1)'
diff --git a/packages/ui/src/components/Subtitle.ts b/packages/ui/src/components/Subtitle.ts
index efbbf6ae..08e2eacd 100644
--- a/packages/ui/src/components/Subtitle.ts
+++ b/packages/ui/src/components/Subtitle.ts
@@ -139,9 +139,10 @@ export class Subtitle {
         id: '__Orz__'
       }))
 
-      track.mode = 'hidden'
       $.render(this.$iosTrack, $video)
 
+      track.mode = 'hidden'
+
       this.player.on('fullscreenchange', ({ payload }) => {
         if (payload.isWeb) return