Scrollbar appears in Safari only

[Ronny]

Hi there,

please would someone be able to help me out with this one? See video here:

Uploadcare scrollbar in Safari

I am using this code to change the appearance of the uploader:

<lr-config
    ctx-name="uploader"
    pubkey="xxx"
 	  data-multiple="true"
    group-output="true">
</lr-config>

<lr-upload-ctx-provider
    ctx-name="uploader">
</lr-upload-ctx-provider>

<lr-file-uploader-minimal
		css-src="https://cdn.jsdelivr.net/npm/@uploadcare/blocks@0.30.0/web/lr-file-uploader-minimal.min.css"
    ctx-name="uploader"
		class="my-config">
</lr-file-uploader-minimal>

<style>
    .my-config {
    --l10n-locale-name: 'de-DE';
    --l10n-choose-file: 'Datei auswählen';
    --l10n-choose-files: 'Dateien auswählen';
    --darkmode: 0;
    --h-accent: 154;
    --s-accent: 67%;
    --l-accent: 31%;
    --clr-background: var(--bg--2);
    --clr-background-light: var(--bg--3);
		--clr-background-dark: var(--clr-accent-lightest);
    border-radius: var(--br1);
    border: 1px solid #ccc;
    color: var(--text--black);
    /* font-size: 1rem;*/
    }
   	.lr-drop-area {
    height: auto;
		}
    .lr-start-from .content {
    border-radius: var(--br1);
		}
    .lr-file-item .badge {
    display: flex;
		},
</style>

Thank you!! I am stuck figuring out what went wrong.

Best regards
Ronny

[Alex (Alex Chernenko)]

Hi @Ronny, could you share a minimal reproducible example via Stackblitz/Codepen and let me know which version of Safari you’re using?

Also, we recommend upgrading to the latest version of File Uploader, but please keep in mind the breaking changes. You can find more details here: file-uploader/CHANGELOG.md at main · uploadcare/file-uploader · GitHub.