Skip to content

📱 Adapt metadata combobox to mobile screens#1878

Merged
gwennlbh merged 5 commits into
mainfrom
mobile-metadata-combobox
Jul 13, 2026
Merged

📱 Adapt metadata combobox to mobile screens#1878
gwennlbh merged 5 commits into
mainfrom
mobile-metadata-combobox

Conversation

@gwennlbh

@gwennlbh gwennlbh commented Jul 11, 2026

Copy link
Copy Markdown
Member

Closes #1521

TODO:

[Mon Jul 13 17:12:30 UTC 2026] Downloading the Android app preview from Diawi:

QR code

https://i.diawi.com/kwvmZQ

@gwennlbh gwennlbh force-pushed the mobile-metadata-combobox branch from f5335eb to 8721d57 Compare July 11, 2026 18:38
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 11, 2026 18:39 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: Android problems report July 11, 2026 18:44 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: node_modules analysis July 11, 2026 18:45 — with GitHub Actions Inactive
@gwennlbh gwennlbh force-pushed the mobile-metadata-combobox branch from 8721d57 to 0313cd2 Compare July 11, 2026 21:30
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 11, 2026 21:32 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: Android problems report July 11, 2026 21:36 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: node_modules analysis July 11, 2026 21:41 — with GitHub Actions Inactive
@gwennlbh gwennlbh force-pushed the mobile-metadata-combobox branch from 0313cd2 to f25314e Compare July 12, 2026 11:56
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 12, 2026 11:58 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: Android problems report July 12, 2026 12:03 — with GitHub Actions Inactive
@gwennlbh gwennlbh force-pushed the mobile-metadata-combobox branch from f25314e to 399b018 Compare July 12, 2026 13:36
@gwennlbh gwennlbh added the capacitor-no-live-reload Preview APKs will never have Live Reload enabled, even if PR is draft label Jul 12, 2026
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 12, 2026 13:40 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: Android problems report July 12, 2026 13:45 — with GitHub Actions Inactive
@gwennlbh gwennlbh force-pushed the mobile-metadata-combobox branch from 399b018 to 2748232 Compare July 12, 2026 14:16
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 12, 2026 14:18 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: Android problems report July 12, 2026 14:22 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 12, 2026 17:32 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: Android problems report July 12, 2026 17:36 — with GitHub Actions Inactive
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 12, 2026 23:25 — with GitHub Actions Inactive
@gwennlbh gwennlbh force-pushed the mobile-metadata-combobox branch from 2303fc7 to 4054d29 Compare July 12, 2026 23:27
@gwennlbh gwennlbh temporarily deployed to 1878: App preview July 12, 2026 23:30 — with GitHub Actions Inactive
@github-actions

Copy link
Copy Markdown
Contributor

⚠️ Coverage is down by -0.49% (from 56.26% to 55.77%)

@github-actions

github-actions Bot commented Jul 13, 2026

Copy link
Copy Markdown
Contributor

Bundle Stats

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
296 48.65 MB → 48.67 MB (+22.77 kB)
12.4 MB → 12.41 MB (gzip)
+0.05%
Changeset (largest 100 files by percent change)
File Δ Size
MetadataComboboxMobile.svelte 🆕 +7.18 kB 0 B → 7.18 kB
tabbable/dist/index.esm.js 🆕 +5.17 kB 0 B → 5.17 kB
MetadataComboboxDesktop.svelte 🆕 +3.99 kB 0 B → 3.99 kB
TabbedView.svelte 🆕 +3.3 kB 0 B → 3.3 kB
libraw-wasm/dist/index.js 🆕 +1.52 kB 0 B → 1.52 kB
index.mjs 🆕 +1.51 kB 0 B → 1.51 kB
json/schema.js 🆕 +965 B 0 B → 965 B
_app/immutable/chunks/BWkF_aBL.js 🆕 +558 B 0 B → 558 B
search.ts 🆕 +555 B 0 B → 555 B
dichotomid/build/index.js 🆕 +538 B 0 B → 538 B
DebugOnly.svelte 🆕 +522 B 0 B → 522 B
Overlay/Overlay.svelte 🆕 +496 B 0 B → 496 B
_app/immutable/chunks/DdwJv1Eo.js 🆕 +410 B 0 B → 410 B
src/lib/mutations.js 🆕 +399 B 0 B → 399 B
utils/dom.js 🆕 +119 B 0 B → 119 B
arkregex/out/regex.js 🆕 +58 B 0 B → 58 B
client.js 📈 +4.24 kB (+977.48%) 444 B → 4.67 kB
errors.js 📈 +778 B (+405.21%) 192 B → 970 B
IsArray.js 📈 +118 B (+368.75%) 32 B → 150 B
registry.js 📈 +560 B (+208.18%) 269 B → 829 B
shared.js 📈 +319 B (+165.28%) 193 B → 512 B
shim.js 📈 +126 B (+129.90%) 97 B → 223 B
types.js 📈 +229 B (+99.57%) 230 B → 459 B
VirtualList.svelte 📈 +498 B (+67.39%) 739 B → 1.21 kB
dragselect.svelte.js 📈 +765 B (+56.37%) 1.33 kB → 2.07 kB
tiny-jsonc/dist/index.js 📈 +77 B (+37.75%) 204 B → 281 B
select-item.svelte 📈 +302 B (+29.72%) 1016 B → 1.29 kB
validate.js 📈 +77 B (+28.95%) 266 B → 343 B
src/lib/BottomDrawer.svelte 📈 +206 B (+21.57%) 955 B → 1.13 kB
LearnMoreLink.svelte 📈 +65 B (+12.38%) 525 B → 590 B
MetadataList.svelte 📈 +148 B (+8.67%) 1.67 kB → 1.81 kB
legacy/legacy-client.js 📈 +77 B (+7.26%) 1.04 kB → 1.11 kB
database.js 📈 +249 B (+6.36%) 3.82 kB → 4.07 kB
MetadataCascadesTable.svelte 📈 +123 B (+5.24%) 2.29 kB → 2.41 kB
src/routes/(app)/about/+page.svelte 📈 +452 B (+3.57%) 12.36 kB → 12.81 kB
src/lib/gestures.ts 📈 +59 B (+3.53%) 1.63 kB → 1.69 kB
WorldLocationCombobox.svelte 📈 +102 B (+3.19%) 3.12 kB → 3.22 kB
src/lib/LoadingScreen.svelte 📈 +15 B (+2.18%) 687 B → 702 B
Metadata.svelte 📈 +110 B (+1.83%) 5.88 kB → 5.99 kB
idb.svelte.js 📈 +113 B (+1.81%) 6.1 kB → 6.21 kB
set.js 📈 +24 B (+1.77%) 1.32 kB → 1.35 kB
protocols.ts 📈 +66 B (+1.70%) 3.79 kB → 3.85 kB
normalizeInterval.js 📈 +1 B (+1.49%) 67 B → 68 B
src/locales/.wuchale/main.0.en.compiled.js 📈 +284 B (+1.49%) 18.67 kB → 18.95 kB
intervalToDuration.js 📈 +5 B (+1.42%) 351 B → 356 B
PreviewSidePanel.svelte 📈 +79 B (+1.29%) 5.98 kB → 6.06 kB
differenceInCalendarYears.js 📈 +1 B (+1.25%) 80 B → 81 B
differenceInHours.js 📈 +1 B (+1.18%) 85 B → 86 B
src/locales/.wuchale/main.0.fr.compiled.js 📈 +234 B (+1.09%) 20.93 kB → 21.16 kB
MetadataInput.svelte 📈 +110 B (+1.08%) 9.92 kB → 10.03 kB
constraints.ts 📈 +20 B (+0.92%) 2.12 kB → 2.14 kB
src/lib/utils.ts 📈 +65 B (+0.92%) 6.89 kB → 6.95 kB
differenceInCalendarMonths.js 📈 +1 B (+0.85%) 117 B → 118 B
@capacitor/share/dist/esm/index.js 📈 +1 B (+0.85%) 117 B → 118 B
differenceInYears.js 📈 +1 B (+0.64%) 156 B → 157 B
src/lib/ButtonSecondary.svelte 📈 +6 B (+0.54%) 1.09 kB → 1.09 kB
differenceInDays.js 📈 +2 B (+0.49%) 406 B → 408 B
differenceInMonths.js 📈 +1 B (+0.40%) 253 B → 254 B
Grip.svelte 📈 +1 B (+0.31%) 325 B → 326 B
i18n.js 📈 +1 B (+0.23%) 434 B → 435 B
utils.ts 📈 +6 B (+0.14%) 4.13 kB → 4.13 kB
Handle.svelte 📈 +2 B (+0.14%) 1.39 kB → 1.39 kB
Carousel.svelte 📈 +2 B (+0.09%) 2.09 kB → 2.09 kB
OptionBar.svelte 📈 +3 B (+0.08%) 3.5 kB → 3.5 kB
combobox.svelte 📈 +1 B (+0.08%) 1.26 kB → 1.26 kB
NarrowableGroupPicker.svelte 📈 +1 B (+0.07%) 1.32 kB → 1.32 kB
updater.svelte.js 📈 +1 B (+0.07%) 1.45 kB → 1.45 kB
lib/MetadataBadges.svelte 📈 +1 B (+0.05%) 1.88 kB → 1.88 kB
keyboard.svelte.ts 📈 +1 B (+0.05%) 1.9 kB → 1.9 kB
CropSurface.svelte 📈 +1 B (+0.05%) 1.92 kB → 1.92 kB
queue.svelte.js 📈 +2 B (+0.05%) 4 kB → 4 kB
select.svelte.js 📈 +6 B (+0.05%) 12.36 kB → 12.37 kB
Boxes.svelte 📈 +2 B (+0.05%) 4.17 kB → 4.17 kB
Toolbar.svelte 📈 +1 B (+0.04%) 2.46 kB → 2.46 kB
Submenu.svelte 📈 +1 B (+0.03%) 3.31 kB → 3.31 kB
state.svelte.ts 📈 +1 B (+0.02%) 4.62 kB → 4.62 kB
DraggableBoundingBox.svelte 📈 +1 B (+0.01%) 6.87 kB → 6.87 kB
embla-carousel/esm/embla-carousel.esm.js 📈 +1 B (+0.01%) 17.57 kB → 17.57 kB
candidates.ts 📉 -1 B (-0.02%) 5.58 kB → 5.58 kB
ModalAddAccount.svelte 📉 -1 B (-0.02%) 4.13 kB → 4.13 kB
Sheet.svelte 📉 -1 B (-0.03%) 2.99 kB → 2.98 kB
+layout.js 📉 -1 B (-0.06%) 1.6 kB → 1.6 kB
fflate/esm/browser.js 📉 -4 B (-0.07%) 5.35 kB → 5.35 kB
classification.svelte.ts 📉 -1 B (-0.08%) 1.22 kB → 1.22 kB
grouping.ts 📉 -1 B (-0.11%) 938 B → 937 B
share.ts 📉 -1 B (-0.12%) 854 B → 853 B
keywords.js 📉 -1 B (-0.12%) 845 B → 844 B
sorting.ts 📉 -1 B (-0.14%) 711 B → 710 B
storage.ts 📉 -73 B (-1.69%) 4.22 kB → 4.15 kB
legacy-client.js 📉 -77 B (-6.77%) 1.11 kB → 1.04 kB
url-alphabet/index.js 📉 -10 B (-12.05%) 83 B → 73 B
debounce.js 📉 -29 B (-18.13%) 160 B → 131 B
domain.js 📉 -1.41 kB (-79.84%) 1.76 kB → 364 B
MetadataCombobox.svelte 📉 -3.42 kB (-86.02%) 3.97 kB → 569 B
map.js 📉 -1.27 kB (-86.93%) 1.46 kB → 196 B
string.js 📉 -8.89 kB (-98.05%) 9.06 kB → 181 B
generated/conversions.js 🔥 -25.55 kB (-100%) 25.55 kB → 0 B
index.esm.js 🔥 -5.17 kB (-100%) 5.17 kB → 0 B
dequal/lite/index.mjs 🔥 -1.51 kB (-100%) 1.51 kB → 0 B
mutations.js 🔥 -1.12 kB (-100%) 1.12 kB → 0 B
View detailed bundle breakdown

Added

Asset File Size % Changed
_app/immutable/chunks/DFkCyWtB.js 0 B → 978.55 kB (+978.55 kB)
0 B → 273.97 kB (gzip)
-
_app/immutable/chunks/D2ODsaiQ.js 0 B → 806.99 kB (+806.99 kB)
0 B → 247.45 kB (gzip)
-
_app/immutable/chunks/CZRGfW0-.js 0 B → 149.77 kB (+149.77 kB)
0 B → 60.19 kB (gzip)
-
_app/immutable/chunks/BqU4OJzR.js 0 B → 125.59 kB (+125.59 kB)
0 B → 49.67 kB (gzip)
-
_app/immutable/nodes/2.DXMHUCgO.js 0 B → 114.69 kB (+114.69 kB)
0 B → 61.81 kB (gzip)
-
_app/immutable/assets/MetadataInput.fRSFo_5U.css 0 B → 78.57 kB (+78.57 kB)
0 B → 11.71 kB (gzip)
-
_app/immutable/chunks/BZub-wcX2.js 0 B → 60.79 kB (+60.79 kB)
0 B → 24.86 kB (gzip)
-
_app/immutable/chunks/DQlViix92.js 0 B → 25.22 kB (+25.22 kB)
0 B → 9.92 kB (gzip)
-
_app/immutable/chunks/BHYm1DZQ.js 0 B → 15.35 kB (+15.35 kB)
0 B → 7.28 kB (gzip)
-
_app/immutable/assets/MetadataCombobox.gRA3SvUZ.css 0 B → 10.56 kB (+10.56 kB)
0 B → 2.36 kB (gzip)
-
_app/immutable/assets/24.C9nTVi3e.css 0 B → 5.52 kB (+5.52 kB)
0 B → 1.17 kB (gzip)
-
_app/immutable/assets/MetadataList.Bti8bnhE.css 0 B → 3.46 kB (+3.46 kB)
0 B → 1.03 kB (gzip)
-
_app/immutable/assets/BottomDrawer.Dhqt_Kcg.css 0 B → 2.81 kB (+2.81 kB)
0 B → 926 B (gzip)
-
_app/immutable/assets/3.HfjNcb8h.css 0 B → 2.16 kB (+2.16 kB)
0 B → 826 B (gzip)
-
_app/immutable/chunks/BWkF_aBL.js 0 B → 558 B (+558 B)
0 B → 410 B (gzip)
-
_app/immutable/assets/search-line.DUH8xYCb.css 0 B → 478 B (+478 B)
0 B → 248 B (gzip)
-
_app/immutable/chunks/DdwJv1Eo.js 0 B → 410 B (+410 B)
0 B → 328 B (gzip)
-
_app/immutable/chunks/Bpbm0qmQ.js 0 B → 399 B (+399 B)
0 B → 216 B (gzip)
-
_app/immutable/chunks/CcOYWGof.js 0 B → 376 B (+376 B)
0 B → 385 B (gzip)
-
_app/immutable/assets/LoadingScreen.B0PVnHoC.css 0 B → 182 B (+182 B)
0 B → 157 B (gzip)
-
_app/immutable/nodes/0.COdTnyga.js 0 B 0%
_app/immutable/nodes/4.DGbEu4XV.js 0 B 0%

Removed

Asset File Size % Changed
_app/immutable/chunks/DJ-HCgiR.js 978.34 kB → 0 B (-978.34 kB)
273.91 kB → 0 B (gzip)
-100%
_app/immutable/chunks/B_d0oirm.js 805.82 kB → 0 B (-805.82 kB)
246.77 kB → 0 B (gzip)
-100%
_app/immutable/chunks/DtnsGKVg.js 149.71 kB → 0 B (-149.71 kB)
60.17 kB → 0 B (gzip)
-100%
_app/immutable/chunks/D08oRQ7-.js 125.52 kB → 0 B (-125.52 kB)
49.64 kB → 0 B (gzip)
-100%
_app/immutable/nodes/2.3zUmQZxY.js 114.66 kB → 0 B (-114.66 kB)
61.8 kB → 0 B (gzip)
-100%
_app/immutable/assets/MetadataInput.BZkgOmKL.css 78.17 kB → 0 B (-78.17 kB)
11.68 kB → 0 B (gzip)
-100%
_app/immutable/chunks/C5nq6hwl2.js 48.74 kB → 0 B (-48.74 kB)
19.44 kB → 0 B (gzip)
-100%
_app/immutable/chunks/Dw-b498x2.js 25.59 kB → 0 B (-25.59 kB)
10.13 kB → 0 B (gzip)
-100%
_app/immutable/chunks/bi_EdI9E.js 15.15 kB → 0 B (-15.15 kB)
7.19 kB → 0 B (gzip)
-100%
_app/immutable/assets/24.BA2v1B3e.css 5.58 kB → 0 B (-5.58 kB)
1.19 kB → 0 B (gzip)
-100%
_app/immutable/assets/MetadataCombobox.DAdM5-fv.css 4.33 kB → 0 B (-4.33 kB)
1.24 kB → 0 B (gzip)
-100%
_app/immutable/assets/MetadataList.BIWc8NzJ.css 3.32 kB → 0 B (-3.32 kB)
1016 B → 0 B (gzip)
-100%
_app/immutable/assets/BottomDrawer.CAUzTIaH.css 2.79 kB → 0 B (-2.79 kB)
922 B → 0 B (gzip)
-100%
_app/immutable/assets/3.gOjz8oUh.css 2.09 kB → 0 B (-2.09 kB)
783 B → 0 B (gzip)
-100%
_app/immutable/chunks/CEqL2tbu.js 616 B → 0 B (-616 B)
445 B → 0 B (gzip)
-100%
_app/immutable/chunks/BWkF_aBL2.js 559 B → 0 B (-559 B)
411 B → 0 B (gzip)
-100%
_app/immutable/assets/VirtualList.DUH8xYCb.css 478 B → 0 B (-478 B)
248 B → 0 B (gzip)
-100%
_app/immutable/chunks/DdwJv1Eo2.js 411 B → 0 B (-411 B)
329 B → 0 B (gzip)
-100%
_app/immutable/chunks/BYmT1ZvQ.js 376 B → 0 B (-376 B)
386 B → 0 B (gzip)
-100%
_app/immutable/assets/LoadingScreen.CVzzD_v-.css 164 B → 0 B (-164 B)
149 B → 0 B (gzip)
-100%
_app/immutable/nodes/0.8IXfZCWH.js 0 B 0%
_app/immutable/nodes/4.C5LIx9ub.js 0 B 0%

Bigger

Asset File Size % Changed
_app/immutable/workers/start-[hash].js 2.03 MB → 2.03 MB (+916 B)
687.01 kB → 687.57 kB (gzip)
+0.04%
_app/immutable/chunks/DspIBRdW.js 3.28 kB → 3.76 kB (+498 B)
1.74 kB → 2.04 kB (gzip)
+14.85%
_app/immutable/nodes/39.Ciaj2Vvy.js 12.36 kB → 12.81 kB (+452 B)
4.27 kB → 4.4 kB (gzip)
+3.57%
_app/immutable/chunks/ndQYd57Q.js 18.67 kB → 18.95 kB (+284 B)
7.41 kB → 7.52 kB (gzip)
+1.49%
_app/immutable/chunks/CG0gcnvB.js 9.66 kB → 9.93 kB (+278 B)
3.93 kB → 4.04 kB (gzip)
+2.81%
_app/immutable/chunks/Dq4jxKPF.js 20.93 kB → 21.16 kB (+234 B)
7.55 kB → 7.63 kB (gzip)
+1.09%
_app/immutable/nodes/3.BBHOoYBv.js 9.93 kB → 10.01 kB (+79 B)
3.94 kB → 3.97 kB (gzip)
+0.78%
_app/immutable/chunks/CTTMllwi.js 1.63 kB → 1.69 kB (+59 B)
733 B → 767 B (gzip)
+3.53%
_app/immutable/chunks/B_bN4M94.js 687 B → 702 B (+15 B)
340 B → 370 B (gzip)
+2.18%
_app/immutable/nodes/18.BWq7c4_8.js 37.99 kB → 37.99 kB (+7 B)
15.14 kB → 15.14 kB (gzip)
+0.02%
_app/immutable/chunks/DRJOoYkr.js 1.09 kB → 1.09 kB (+6 B)
635 B → 638 B (gzip)
+0.54%
_app/immutable/nodes/24.CQwf_Pm8.js 11.7 kB → 11.71 kB (+2 B)
5.19 kB → 5.19 kB (gzip)
+0.02%
_app/immutable/nodes/8.DAkVuvn6.js 9.96 kB → 9.97 kB (+2 B)
3.98 kB → 3.98 kB (gzip)
+0.02%
_app/immutable/chunks/BURi-dAw2.js 37.82 kB → 37.82 kB (+1 B)
14.13 kB → 14.13 kB (gzip)
+0.00%
_app/immutable/chunks/Cj9hGQtU.js 23.65 kB → 23.65 kB (+1 B)
10.34 kB → 10.34 kB (gzip)
+0.00%

Smaller

Asset File Size % Changed
_app/immutable/chunks/BBA4D2cm.js 23.38 kB → 23.38 kB (-1 B)
10.7 kB → 10.7 kB (gzip)
-0.00%

@gwennlbh gwennlbh temporarily deployed to 1878: E2E tests July 13, 2026 14:27 — with GitHub Actions Inactive
@github-actions

github-actions Bot commented Jul 13, 2026

Copy link
Copy Markdown
Contributor

Performance changes with main

Browser Test Metric Head Base Change
chromium startup @blank DOM 672,16 712,52
Load 672,46 712,72
Bytes 8 833 769,4 7 263 538,2 🔺+21,62
LCP 14 397,6 15 012,8
TBT 2 432,4 2 550,8
CLS 0,37 0,39
Total 14 442 ms 15 062 ms
webkit startup @blank Total 11 144,8 ms 10 790,6 ms
startup Total 10 545 ms 10 376,8 ms
chromium startup DOM 691,18 898,74 🔻-23,09
Load 691,64 898,92 🔻-23,06
Bytes 20 100 468,6 19 939 316
LCP 8 297,6 7 926,4
TBT 1 948,4 1 811,4
CLS 0,49 0,5
Total 8 471 ms 8 073,4 ms

Total: total, DOM: domCompleteTiming, Load: pageloadTiming, Bytes: totalBytes, LCP: largestContentfulPaint, TBT: totalBlockingTime, CLS: cumulativeLayoutShift,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

capacitor-no-live-reload Preview APKs will never have Live Reload enabled, even if PR is draft

Projects

None yet

Development

Successfully merging this pull request may close these issues.

adapt metadata combobox to mobile screens

1 participant