[GH-ISSUE #109] Responsive problem on smartphone 4.5inch #75

Closed
opened 2026-02-26 02:32:02 +03:00 by kerem · 5 comments
Owner

Originally created by @kevincaradant on GitHub (Dec 18, 2015).
Original GitHub issue: https://github.com/koel/koel/issues/109

Hi

When you have the IHM vertically without keypad it's good
image

If you open the keyboard it's weird , cf the picture :
image

The same when you are in landscape
image

Originally created by @kevincaradant on GitHub (Dec 18, 2015). Original GitHub issue: https://github.com/koel/koel/issues/109 Hi When you have the IHM vertically without keypad it's good ![image](https://cloud.githubusercontent.com/assets/6093175/11896500/439ba74c-a587-11e5-8625-9e84aaa5e08e.png) If you open the keyboard it's weird , cf the picture : ![image](https://cloud.githubusercontent.com/assets/6093175/11896515/5dacb0a4-a587-11e5-9ba3-403932a18c96.png) The same when you are in landscape ![image](https://cloud.githubusercontent.com/assets/6093175/11896546/b570d8ce-a587-11e5-9f27-b22ce2f018be.png)
kerem 2026-02-26 02:32:02 +03:00
Author
Owner

@juliusvdijk commented on GitHub (Dec 18, 2015):

I have a suggestion to solve this, if the viewport does not get resized when opening a keyboard than there wouldn't be issue.

After some googling I found this SO, http://stackoverflow.com/questions/24768940/mobile-keyboard-resize-viewport

<!-- gh-comment-id:165810176 --> @juliusvdijk commented on GitHub (Dec 18, 2015): I have a suggestion to solve this, if the viewport does not get resized when opening a keyboard than there wouldn't be issue. After some googling I found this SO, http://stackoverflow.com/questions/24768940/mobile-keyboard-resize-viewport
Author
Owner

@phanan commented on GitHub (Dec 19, 2015):

No, preventing users from resizing is a bad idea.

<!-- gh-comment-id:165934891 --> @phanan commented on GitHub (Dec 19, 2015): No, preventing users from resizing is a bad idea.
Author
Owner

@Dogfalo commented on GitHub (Dec 29, 2015):

Since this makes searching pretty hard, I think this would be a great fix to get in. It probably does not happen on iOS since on iOS the whole page is shifted up, rather than resized when the keyboard appears.

I think the best solution is removing the only portrait statement from the css media query or perhaps using a stricter max-width would allow landscape to work while maintaining responsiveness for the portrait layout.

<!-- gh-comment-id:167681418 --> @Dogfalo commented on GitHub (Dec 29, 2015): Since this makes searching pretty hard, I think this would be a great fix to get in. It probably does not happen on iOS since on iOS the whole page is shifted up, rather than resized when the keyboard appears. I think the best solution is removing the only portrait statement from the css media query or perhaps using a stricter max-width would allow landscape to work while maintaining responsiveness for the portrait layout.
Author
Owner

@phanan commented on GitHub (Dec 29, 2015):

No, preventing users from resizing is a bad idea.

I'm so taking back my words. Still it's a bad idea to me, but in this case maybe it's more worth it than us trying to fix this issue...

<!-- gh-comment-id:167690648 --> @phanan commented on GitHub (Dec 29, 2015): > No, preventing users from resizing is a bad idea. I'm so taking back my words. Still it's a bad idea to me, but in this case maybe it's more worth it than us trying to fix this issue...
Author
Owner

@phanan commented on GitHub (Jan 4, 2016):

Will be fixed in the next release.

<!-- gh-comment-id:168605400 --> @phanan commented on GitHub (Jan 4, 2016): Will be fixed in the next release.
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#75
No description provided.