Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-07 20:17:05 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed event propagation issues

Browse Source
This commit is contained in:
Ajay Ramachandran
2020-04-01 20:19:31 -04:00
parent 0d08e11b1d
commit 24f2ce4a32
1 changed files with 4 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/SponsorTimeEditComponent.tsx
View File

@@ -38,12 +38,10 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
} }
componentDidMount() { componentDidMount() {
// // Prevent inputs from triggering key events // Prevent inputs from triggering key events
// document.addEventListener("keydown", (event) => { document.getElementById("sponsorTimesContainer" + this.idSuffix).addEventListener('keydown', function (event) {
// if (document.activeElement.classList.contains("sponsorTimeEdit")) { event.stopPropagation();
// event.stopPropagation(); });
// }
// });
} }
render() { render() {
@@ -55,15 +53,6 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
style.marginTop = "15px"; style.marginTop = "15px";
} }
// // Prevent inputs from triggering key events
// document.addEventListener("keydown", (event) => {
// if (document.activeElement.classList.contains("sponsorTimeEdit")) {
// event.stopImmediatePropagation();
// event.stopPropagation();
// event.preventDefault();
// }
// });
// Create time display // Create time display
let timeDisplay: JSX.Element; let timeDisplay: JSX.Element;
let sponsorTime = this.props.contentContainer().sponsorTimesSubmitting[this.props.index]; let sponsorTime = this.props.contentContainer().sponsorTimesSubmitting[this.props.index];
@@ -76,12 +65,6 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
className="sponsorTimeEdit sponsorTimeEditMinutes" className="sponsorTimeEdit sponsorTimeEditMinutes"
type="number" type="number"
value={this.state.sponsorTimeEdits[0][0]} value={this.state.sponsorTimeEdits[0][0]}
onKeyDownCapture={(event) => event.stopPropagation()}
onKeyDown={(event) => {
event.stopPropagation();
}}
onKeyPress={(event) => event.stopPropagation()}
onKeyPressCapture={(event) => event.stopPropagation()}
onChange={(e) => { onChange={(e) => {
let sponsorTimeEdits = this.state.sponsorTimeEdits; let sponsorTimeEdits = this.state.sponsorTimeEdits;
sponsorTimeEdits[0][0] = parseFloat(e.target.value); sponsorTimeEdits[0][0] = parseFloat(e.target.value);