Upload All/Cancel All button text is cut off using jqxFileUpload in dark mode

[jq-angular-tryParticipant]

When using the jqxFileUpload control in Dark theme (and maybe other themes) the text on the Upload All and Cancel All buttons is cut off. In Light theme, the text looks correct.

This can be observed in the jqxFileUpload Default Functionality example here: https://www.jqwidgets.com/angular/angular-fileupload/#https://www.jqwidgets.com/angular/angular-fileupload/angular-fileupload-defaultfunctionality.htm

Go to the example and BROWSE a file to upload. The Upload All and Cancel All buttons will appear. You will see the cut off text on the Upload All and Cancel All buttons. You must switch to Dark mode to see the behavior.

[adminKeymaster]

Hi,

You can add this to your code as a solution document.querySelectorAll('.jqx-file-upload-dark .jqx-button-dark').forEach(button => button.style.width = '120px')

Best regards
Peter Stoev

[Author]

Posts