aniram/cidadon
1
0
Fork 0
Code Issues 34 Pull requests Projects Releases Packages Wiki Activity Actions

(mobile) Keyboard stays covering half of the page until HTTP response arrives #57

New issue
Closed
opened 2026-02-17 23:33:18 +00:00 by aniram · 2 comments
aniram commented 2026-02-17 23:33:18 +00:00
Owner
Copy link
No description provided.
aniram commented 2026-02-18 18:40:43 +00:00
Author
Owner
Copy link

It was fixed by calling document.activeElement.blur which removes the focus from who has it currently, so the keyboard.
This fixed the issue on Safari/Chrome iOS but not Firefox iOS. I had to add a setTimeout of 10ms in order to make Firefox only change the focus after the form has been actually submitted otherwise how could it dismiss the focus of something that still needed it?

It was fixed by calling **document.activeElement.blur** which removes the focus from who has it currently, so the keyboard. This fixed the issue on Safari/Chrome iOS but not Firefox iOS. I had to add a **setTimeout** of 10ms in order to make Firefox only change the focus after the form has been actually submitted otherwise how could it dismiss the focus of something that still needed it?
aniram commented 2026-02-19 00:50:28 +00:00
Author
Owner
Copy link

I said the "fix" but this is normal browser behavior.

I said the "fix" but this is normal browser behavior.
Sign in to join this conversation.
fix/browser-issues-input-field
Branches Tags
Clear current reference
main
feature/show-project-detail
backup/feature/show-project-detail
feat/use-virtual-keyboard-api
fix/browser-issues-input-field
feature/loading-spinner-htmx
feature/projects-pagination
feature/change-license
feature/project-pdf-link
feature/author-avatar-cached
feature/fetch-projects-by-keyword
fix/slow-page-load-due-to-authors-info-requests
fix/author-name-party-not-displayed
Clear current reference
No results found.
Labels
Clear labels   
Agent/Chrome-Android

   
Agent/Chrome-Desktop

   
Agent/Chrome-iOS

   
Agent/Firefox-Android

   
Agent/Firefox-Desktop

   
Agent/Firefox-iOS

   
Agent/Safari-Desktop

   
Agent/Safari-iOS

   
Code/Backend

   
Code/DevOps

   
Code/Frontend

   
Kind/Bug

Something is not working

  
Kind/Documentation

Documentation changes

  
Kind/Enhancement

Improve existing functionality

  
Kind/Feature

New functionality

  
Kind/Security

This is security issue

  
Kind/Testing

Issue or pull request related to testing

  
Priority/Critical

The priority is critical

  
Priority/High

The priority is high

  
Priority/Low

The priority is low

  
Priority/Medium

The priority is medium

  
Reviewed/Confirmed

Issue has been confirmed

  
Reviewed/Duplicate

This issue or pull request already exists

  
Reviewed/Invalid

Invalid issue

  
Reviewed/Won't Fix

This issue won't be fixed

  
Status/Abandoned

Somebody has started to work on this but abandoned work

  
Status/Blocked

Something is blocking this issue or pull request

No labels
Agent/Chrome-Android
Agent/Chrome-Desktop
Agent/Chrome-iOS
Agent/Firefox-Android
Agent/Firefox-Desktop
Agent/Firefox-iOS
Agent/Safari-Desktop
Agent/Safari-iOS
Code/Backend
Code/DevOps
Code/Frontend
Kind/Bug
Kind/Documentation
Kind/Enhancement
Kind/Feature
Kind/Security
Kind/Testing
Priority/Critical
Priority/High
Priority/Low
Priority/Medium
Reviewed/Confirmed
Reviewed/Duplicate
Reviewed/Invalid
Reviewed/Won't Fix
Status/Abandoned
Status/Blocked
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
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
aniram/cidadon#57
No description provided.