diff --git a/bigbluebutton-html5/imports/ui/components/audio/audio-controls/input-stream-live-selector/component.jsx b/bigbluebutton-html5/imports/ui/components/audio/audio-controls/input-stream-live-selector/component.jsx index 6a197c6ad07730e7a7ef20bc08d55219a0be898d..535588a3e45efb9e705cb96e9dcaac60e56ad456 100644 --- a/bigbluebutton-html5/imports/ui/components/audio/audio-controls/input-stream-live-selector/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/audio/audio-controls/input-stream-live-selector/component.jsx @@ -12,6 +12,7 @@ import DropdownListSeparator from '/imports/ui/components/dropdown/list/separato import DropdownListItem from '/imports/ui/components/dropdown/list/item/component'; import DropdownListTitle from '/imports/ui/components/dropdown/list/title/component'; import withShortcutHelper from '/imports/ui/components/shortcut-help/service'; +import cx from 'classnames'; import { styles } from '../styles'; @@ -124,11 +125,11 @@ class InputStreamLiveSelector extends Component { || !audioOutputDevices[0]) return; const _currentInputDeviceId = audioInputDevices.find( - d => d.deviceId === currentInputDeviceId, + (d) => d.deviceId === currentInputDeviceId, ) ? currentInputDeviceId : audioInputDevices[0].deviceId; const _currentOutputDeviceId = audioOutputDevices.find( - d => d.deviceId === currentOutputDeviceId, + (d) => d.deviceId === currentOutputDeviceId, ) ? currentOutputDeviceId : audioOutputDevices[0].deviceId; this.setState({ @@ -181,13 +182,13 @@ class InputStreamLiveSelector extends Component { if (selectedInputDeviceId && (selectedInputDeviceId !== DEFAULT_DEVICE) - && !audioInputDevices.find(d => d.deviceId === selectedInputDeviceId)) { + && !audioInputDevices.find((d) => d.deviceId === selectedInputDeviceId)) { this.fallbackInputDevice(audioInputDevices[0]); } if (selectedOutputDeviceId && (selectedOutputDeviceId !== DEFAULT_DEVICE) - && !audioOutputDevices.find(d => d.deviceId === selectedOutputDeviceId)) { + && !audioOutputDevices.find((d) => d.deviceId === selectedOutputDeviceId)) { this.fallbackOutputDevice(audioOutputDevices[0]); } } @@ -199,8 +200,8 @@ class InputStreamLiveSelector extends Component { return navigator.mediaDevices.enumerateDevices() .then((devices) => { - const audioInputDevices = devices.filter(i => i.kind === AUDIO_INPUT); - const audioOutputDevices = devices.filter(i => i.kind === AUDIO_OUTPUT); + const audioInputDevices = devices.filter((i) => i.kind === AUDIO_INPUT); + const audioOutputDevices = devices.filter((i) => i.kind === AUDIO_OUTPUT); this.setState({ audioInputDevices, @@ -227,7 +228,7 @@ class InputStreamLiveSelector extends Component { ]; const deviceList = (listLenght > 0) - ? list.map(device => ( + ? list.map((device) => ( <DropdownListItem key={`${device.deviceId}-${deviceKind}`} label={InputStreamLiveSelector.truncateDeviceName(device.label)} @@ -318,7 +319,7 @@ class InputStreamLiveSelector extends Component { /> </DropdownTrigger> <DropdownContent className={styles.dropdownContent}> - <DropdownList className={styles.dropdownListContainer}> + <DropdownList className={cx(styles.scrollableList, styles.dropdownListContainer)}> {dropdownListComplete} </DropdownList> </DropdownContent>