versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 08:28:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 🐛 Don't trigger theme changes when in contenteditable fields

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-12-25 18:51:52 +01:00
parent 4d086dce80
commit e0e8db8d55
No known key found for this signature in database
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
layouts/app.vue
View file

@ -45,7 +45,8 @@ const activeElement = useActiveElement();
const notUsingInput = computed( const notUsingInput = computed(
() => () =>
activeElement.value?.tagName !== "INPUT" && activeElement.value?.tagName !== "INPUT" &&
activeElement.value?.tagName !== "TEXTAREA", activeElement.value?.tagName !== "TEXTAREA" &&
activeElement.value?.contentEditable !== "true",
); );
const backgroundImage = useSetting(SettingIds.BackgroundURL); const backgroundImage = useSetting(SettingIds.BackgroundURL);
@ -53,14 +54,14 @@ const canParseUrl = URL.canParse;
const route = useRoute(); const route = useRoute();
watchEffect(async () => { watch([n, notUsingInput, d], async () => {
if (n?.value && notUsingInput.value) { if (n?.value && notUsingInput.value) {
// Wait 50ms // Wait 50ms
await new Promise((resolve) => setTimeout(resolve, 50)); await new Promise((resolve) => setTimeout(resolve, 50));
useEvent("composer:open"); useEvent("composer:open");
} }
if (d?.value && !colorMode.forced) { if (d?.value && notUsingInput.value && !colorMode.forced) {
// Swap theme from dark to light or vice versa // Swap theme from dark to light or vice versa
if (colorMode.value === "dark") { if (colorMode.value === "dark") {
colorMode.preference = "light"; colorMode.preference = "light";