Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upload text overlap #5027

Open
IvanDanchev opened this issue May 9, 2024 · 0 comments
Open

Upload text overlap #5027

IvanDanchev opened this issue May 9, 2024 · 0 comments
Labels
Bug Something isn't working C:Upload FW:jQuery Issue related to kendo-jquery SEV: Low

Comments

@IvanDanchev
Copy link

IvanDanchev commented May 9, 2024

Describe the bug
When selecting multiple files in a synchronous Upload, the summary text and the text of the last selected file overlap.

To reproduce
Steps to reproduce the behavior:

  1. Go to the following demo: https://demos.telerik.com/kendo-ui/upload/basicusage
  2. Select 2 or more files in the Upload
  3. The summary text Total: 2 files and the text of the last selected file overlap.

Expected behavior
The summary text should have a proper margin, so that it does not overlap with the file text.

The overlap is caused by the following CSS rule in the themes:

.k-upload .k-multiple-files-wrapper .k-file-summary {
    margin-top: -4px;
}

As a workaround the margin can be set to 4px:

.k-upload .k-multiple-files-wrapper .k-file-summary {
    margin-top: 4px;
}

Affected package (please remove the unneeded items)

  • theme-default
  • theme-bootstrap
  • theme-material
  • theme-tasks

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

  • All

Build system information (please remove the unneeded items)

  • Not Applicable
@IvanDanchev IvanDanchev added Bug Something isn't working C:Upload FW:jQuery Issue related to kendo-jquery SEV: Low labels May 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working C:Upload FW:jQuery Issue related to kendo-jquery SEV: Low
Projects
None yet
Development

No branches or pull requests

1 participant