浏览代码

fix(MoreTab): Fix languages not being scrollable on mobile

master
Mihai-Andrei Uscat 4 年前
父节点
当前提交
1b1d650b75
没有帐户链接到提交者的电子邮件
共有 1 个文件被更改,包括 18 次插入15 次删除
  1. 18
    15
      react/features/settings/components/web/MoreTab.js

+ 18
- 15
react/features/settings/components/web/MoreTab.js 查看文件

10
 import { AbstractDialogTab } from '../../../base/dialog';
10
 import { AbstractDialogTab } from '../../../base/dialog';
11
 import type { Props as AbstractDialogTabProps } from '../../../base/dialog';
11
 import type { Props as AbstractDialogTabProps } from '../../../base/dialog';
12
 import { translate } from '../../../base/i18n';
12
 import { translate } from '../../../base/i18n';
13
+import TouchmoveHack from '../../../chat/components/web/TouchmoveHack';
13
 
14
 
14
 /**
15
 /**
15
  * The type of the React {@code Component} props of {@link MoreTab}.
16
  * The type of the React {@code Component} props of {@link MoreTab}.
185
                     { t('settings.language') }
186
                     { t('settings.language') }
186
                 </div>
187
                 </div>
187
                 <div className = 'dropdown-menu'>
188
                 <div className = 'dropdown-menu'>
188
-                    <DropdownMenu
189
-                        isOpen = { this.state.isLanguageSelectOpen }
190
-                        onOpenChange = { this._onLanguageDropdownOpenChange }
191
-                        shouldFitContainer = { true }
192
-                        trigger = { currentLanguage
193
-                            ? t(`languages:${currentLanguage}`)
194
-                            : '' }
195
-                        triggerButtonProps = {{
196
-                            shouldFitContainer: true
197
-                        }}
198
-                        triggerType = 'button'>
199
-                        <DropdownItemGroup>
200
-                            { languageItems }
201
-                        </DropdownItemGroup>
202
-                    </DropdownMenu>
189
+                    <TouchmoveHack isModal = { true }>
190
+                        <DropdownMenu
191
+                            isOpen = { this.state.isLanguageSelectOpen }
192
+                            onOpenChange = { this._onLanguageDropdownOpenChange }
193
+                            shouldFitContainer = { true }
194
+                            trigger = { currentLanguage
195
+                                ? t(`languages:${currentLanguage}`)
196
+                                : '' }
197
+                            triggerButtonProps = {{
198
+                                shouldFitContainer: true
199
+                            }}
200
+                            triggerType = 'button'>
201
+                            <DropdownItemGroup>
202
+                                { languageItems }
203
+                            </DropdownItemGroup>
204
+                        </DropdownMenu>
205
+                    </TouchmoveHack>
203
                 </div>
206
                 </div>
204
             </div>
207
             </div>
205
         );
208
         );

正在加载...
取消
保存