PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 0 deletions
Show stats 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}