[GH-ISSUE #1559] UI is now broken on mobile #876

Closed
opened 2026-02-26 02:34:30 +03:00 by kerem · 1 comment
Owner

Originally created by @PermaFreez on GitHub (Oct 27, 2022).
Original GitHub issue: https://github.com/koel/koel/issues/1559

Describe the bug
I updated to Koel v6.5.1 and the web ui got all messed up if viewed from mobile. The same issue was not present on version v6.4.3, which I updated from.

To reproduce
Steps to reproduce the behavior:

  1. Open the koel web ui from a browser on an android mobile.
  2. You will almost instantly see after logging in, that the web ui is broken.
    Sorry for not being able to provide a more thorough description, please refer to the screenshots.

Expected behavior
The web ui not being broken.

Screenshots
Screenshot_20221027-104141_Firefox.pngScreenshot_20221027-104137_Firefox.png
Screenshot_20221027-104129_Firefox.pngScreenshot_20221027-104125_Firefox.png

Environment

  • Koel version v6.5.1
  • OS: Android 11
  • Browser Firefox 104.1.0 and Brave (Chromium 106)
  • PHP version 8.1.11
  • Node version 8.19.2
Originally created by @PermaFreez on GitHub (Oct 27, 2022). Original GitHub issue: https://github.com/koel/koel/issues/1559 **Describe the bug** I updated to Koel v6.5.1 and the web ui got all messed up if viewed from mobile. The same issue was not present on version v6.4.3, which I updated from. **To reproduce** Steps to reproduce the behavior: 1. Open the koel web ui from a browser on an android mobile. 2. You will almost instantly see after logging in, that the web ui is broken. Sorry for not being able to provide a more thorough description, please refer to the screenshots. **Expected behavior** The web ui not being broken. **Screenshots** ![Screenshot_20221027-104141_Firefox.png](https://user-images.githubusercontent.com/25381594/198240038-ea2eec62-9933-49b5-8a22-3b73bff26930.png)![Screenshot_20221027-104137_Firefox.png](https://user-images.githubusercontent.com/25381594/198240045-2c402594-3494-4539-a7a4-5fc2e0345d97.png) ![Screenshot_20221027-104129_Firefox.png](https://user-images.githubusercontent.com/25381594/198240059-98e870a4-924a-4378-af49-78b017faf6d5.png)![Screenshot_20221027-104125_Firefox.png](https://user-images.githubusercontent.com/25381594/198240071-047e64fb-de7d-4b42-8e16-2b267d919738.png) **Environment** - Koel version v6.5.1 - OS: Android 11 - Browser Firefox 104.1.0 and Brave (Chromium 106) - PHP version 8.1.11 - Node version 8.19.2
kerem closed this issue 2026-02-26 02:34:30 +03:00
Author
Owner

@phanan commented on GitHub (Oct 27, 2022):

Interesting, I can't reproduce it on iPhone. But I'll take a look.

<!-- gh-comment-id:1293555369 --> @phanan commented on GitHub (Oct 27, 2022): Interesting, I can't reproduce it on iPhone. But I'll take a look.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/koel-koel#876
No description provided.