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

Fix category pill disappearing on mobile

Browse Source
This commit is contained in:
Ajay
2022-12-25 00:38:49 -05:00
parent 89b210ffd5
commit 06a112a030
1 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/render/CategoryPill.tsx
View File

@@ -27,39 +27,40 @@ export class CategoryPill {
await waitFor(() => getYouTubeTitleNode()); await waitFor(() => getYouTubeTitleNode());
if (referenceNode && !referenceNode.contains(this.container)) { if (referenceNode && !referenceNode.contains(this.container)) {
this.container = document.createElement('span'); if (!this.container) {
this.container.id = "categoryPill"; this.container = document.createElement('span');
this.container.style.display = "relative"; this.container.id = "categoryPill";
this.container.style.display = "relative";
referenceNode.prepend(this.container); this.root = createRoot(this.container);
referenceNode.style.display = "flex"; this.root.render(<CategoryPillComponent ref={this.ref} vote={vote} />);
if (this.ref.current) { if (onMobileYouTube) {
this.unsavedState = this.ref.current.state; if (this.mutationObserver) {
this.mutationObserver.disconnect();
}
this.mutationObserver = new MutationObserver((changes) => {
if (changes.some((change) => change.removedNodes.length > 0)) {
this.attachToPage(onMobileYouTube, onInvidious, vote);
}
});
this.mutationObserver.observe(referenceNode, {
childList: true,
subtree: true
});
}
} }
this.root = createRoot(this.container);
this.root.render(<CategoryPillComponent ref={this.ref} vote={vote} />);
if (this.unsavedState) { if (this.unsavedState) {
waitFor(() => this.ref.current).then(() => { waitFor(() => this.ref.current).then(() => {
this.ref.current?.setState(this.unsavedState); this.ref.current?.setState(this.unsavedState);
this.unsavedState = null;
});
}
if (onMobileYouTube) {
if (this.mutationObserver) {
this.mutationObserver.disconnect();
}
this.mutationObserver = new MutationObserver(() => this.attachToPage(onMobileYouTube, onInvidious, vote));
this.mutationObserver.observe(referenceNode, {
childList: true,
subtree: true
}); });
} }
referenceNode.prepend(this.container);
referenceNode.style.display = "flex";
} }
} }
@@ -79,6 +80,8 @@ export class CategoryPill {
} else { } else {
this.unsavedState = newState; this.unsavedState = newState;
} }
console.log(this.unsavedState, this.ref.current?.state, "visible");
} }
async setSegment(segment: SponsorTime): Promise<void> { async setSegment(segment: SponsorTime): Promise<void> {