matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-12-20 20:42:03 +03:00
Code Activity

Fix seekbar in voice broadcast recording pip (#9634)

Browse Source
This commit is contained in:
Michael Weimann
2022-11-28 16:29:43 +01:00
committed by GitHub
parent 033c26ab53
commit e71a757f90
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/views/audio_messages/SeekBar.tsx
View File

@@ -93,6 +93,11 @@ export default class SeekBar extends React.PureComponent<IProps, IState> {
this.props.playback.skipTo(Number(ev.target.value) * this.props.playback.durationSeconds); this.props.playback.skipTo(Number(ev.target.value) * this.props.playback.durationSeconds);
}; };
private onMouseDown = (event: React.MouseEvent<Element, MouseEvent>) => {
// do not propagate mouse down events, because these should be handled by the seekbar
event.stopPropagation();
};
public render(): ReactNode { public render(): ReactNode {
// We use a range input to avoid having to re-invent accessibility handling on // We use a range input to avoid having to re-invent accessibility handling on
// a custom set of divs. // a custom set of divs.
@@ -101,6 +106,7 @@ export default class SeekBar extends React.PureComponent<IProps, IState> {
className='mx_SeekBar' className='mx_SeekBar'
tabIndex={this.props.tabIndex} tabIndex={this.props.tabIndex}
onChange={this.onChange} onChange={this.onChange}
onMouseDown={this.onMouseDown}
min={0} min={0}
max={1} max={1}
value={this.state.percentage} value={this.state.percentage}