Skip to content

[bug] tiny bug behind upload button on safari #1002

Description

@jhmonroe

see attached

Image

after sharing the screenshot and asking claude to search the codebase here is the response (which is wayyyyy over my head to fix; Claude added the fix in some nginx config i had for something else)

"The upload button's CSS is compiled directly into the Filestash Go binary (via go:embed) — not a file I can patch on disk inside the container. The practical fix is to inject a small CSS override via nginx, using sub_filter to append an override <style> block into every HTML response before it reaches the browser.

Here's the actual bug in the source CSS (ctrl_upload.css):"

.component_mobilefileupload input[type="file"] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    appearance: none;
    z-index: -1;
}

"It hides the button visually via appearance: none + z-index, but never sets color: transparent or font-size: 0 — so Safari's native "no file selected" label text can still render since appearance:none doesn't fully suppress that specific UA string in WebKit."

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions