diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index ef920e7b..66bf876e 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -38,12 +38,10 @@ class SponsorTimeEditComponent extends React.Component { - // if (document.activeElement.classList.contains("sponsorTimeEdit")) { - // event.stopPropagation(); - // } - // }); + // Prevent inputs from triggering key events + document.getElementById("sponsorTimesContainer" + this.idSuffix).addEventListener('keydown', function (event) { + event.stopPropagation(); + }); } render() { @@ -55,15 +53,6 @@ class SponsorTimeEditComponent extends React.Component { - // if (document.activeElement.classList.contains("sponsorTimeEdit")) { - // event.stopImmediatePropagation(); - // event.stopPropagation(); - // event.preventDefault(); - // } - // }); - // Create time display let timeDisplay: JSX.Element; let sponsorTime = this.props.contentContainer().sponsorTimesSubmitting[this.props.index]; @@ -76,12 +65,6 @@ class SponsorTimeEditComponent extends React.Component event.stopPropagation()} - onKeyDown={(event) => { - event.stopPropagation(); - }} - onKeyPress={(event) => event.stopPropagation()} - onKeyPressCapture={(event) => event.stopPropagation()} onChange={(e) => { let sponsorTimeEdits = this.state.sponsorTimeEdits; sponsorTimeEdits[0][0] = parseFloat(e.target.value);