iOS 12 fixes

assets/css/elements/media.css

@@ -1,5 +1,6 @@
 .media-box {
-  display: inline-block;
+  display: inline-flex;
+  flex-flow: column;
   position: relative;
   overflow: hidden;
   border: var(--media-border);

assets/js/autocomplete.ts

@@ -155,7 +155,7 @@ function toggleSearchNativeAutocomplete() {
   const enable = store.get('enable_search_ac');
 
   const searchFields = $$<AutocompletableInputElement>(
-    ':is(input, textarea)[data-autocomplete][data-autocomplete-mode=search]',
+    'input[data-autocomplete][data-autocomplete-mode=search], textarea[data-autocomplete][data-autocomplete-mode=search]',
   );
 
   for (const searchField of searchFields) {

assets/js/fp.ts

@@ -144,8 +144,8 @@ function getFontRemSize(): string {
 async function createFp(): Promise<string> {
   const prints: string[] = [
     navigator.userAgent,
-    navigator.hardwareConcurrency.toString(),
+    navigator.hardwareConcurrency?.toString(),
-    navigator.maxTouchPoints.toString(),
+    navigator.maxTouchPoints?.toString(),
     navigator.language,
     await getKeyboardData(),
     getMemoryData(),

assets/js/when-ready.ts

@@ -34,34 +34,48 @@ import { pollOptionCreator } from './poll';
 import { warnAboutPMs } from './pmwarning';
 import { imageSourcesCreator } from './sources';
 
+const functions = [
+  loadBooruData,
+  listenAutocomplete,
+  registerEvents,
+  setupBurgerMenu,
+  bindCaptchaLinks,
+  initImagesClientside,
+  setupComments,
+  setupDupeReports,
+  setSesCookie,
+  setupGalleryEditing,
+  bindImageTarget,
+  setupEvents,
+  setupNotifications,
+  setupPreviews,
+  setupQuickTag,
+  initializeListener,
+  setupSettings,
+  listenForKeys,
+  initTagDropdown,
+  setupTagListener,
+  setupTagEvents,
+  setupTimestamps,
+  setupImageUpload,
+  setupSearch,
+  setupToolbar,
+  hideStaffTools,
+  pollOptionCreator,
+  warnAboutPMs,
+  imageSourcesCreator,
+];
+
 whenReady(() => {
-  loadBooruData();
+  functions.forEach(fn => {
-  listenAutocomplete();
+    try {
-  registerEvents();
+      fn();
-  setupBurgerMenu();
+    } catch (err: unknown) {
-  bindCaptchaLinks();
+      console.log(`${fn.name} ran with errors.`);
-  initImagesClientside();
+
-  setupComments();
+      if (err instanceof Error) {
-  setupDupeReports();
+        console.log(`The error was:\n\n${err.message}`);
-  setSesCookie();
+      }
-  setupGalleryEditing();
+    }
-  bindImageTarget();
+  });
-  setupEvents();
-  setupNotifications();
-  setupPreviews();
-  setupQuickTag();
-  initializeListener();
-  setupSettings();
-  listenForKeys();
-  initTagDropdown();
-  setupTagListener();
-  setupTagEvents();
-  setupTimestamps();
-  setupImageUpload();
-  setupSearch();
-  setupToolbar();
-  hideStaffTools();
-  pollOptionCreator();
-  warnAboutPMs();
-  imageSourcesCreator();
 });

assets/vite.config.ts

@@ -28,6 +28,7 @@ export default defineConfig(({ command, mode }: ConfigEnv): ViteUserConfig => {
     server: {
       host: '0.0.0.0',
       port: 5173,
+      cors: true,
     },
     resolve: {
       alias: {