Eagler Mobile v3.0.4
What's Changed
- Compatibility mode now uses
beforeinput
instead ofinput
keyboardEnabled
has been replaced withhiddenInputFocused
- The keyboard button previously just called
select
orblur
based onclientWindow.keyboardEnabled
. When the user dismissed the keyboard without pressing the keyboardButton, they would need to repress the button twice to enable the keyboard. This change makes it callselect
andblur
based on the focus state, eliminating that issue
- The keyboard button previously just called
toggleKeyboard
no longer exists, and has been moved inside of the keyboardButton touch event listener- By moving the script for toggling the keyboard into the event listener, we can directly reference hiddenInput without needing to use querySelector again
- Compatibility mode has been completely reworked
- Some Android devices only dispatch input events with inputType set to insertCompositionText, even with deletion. There now is a check for that. This change also allows detecting the enter key from insertLineBreak.
- Fixes #18
html
,body
, andcanvas
now have aheight: 100 svh
before-webkit-fill-available
- Previously Android Chrome and FireFox had content hidden by the navigation bar. This change fixes that.
- Better comments and documentation have been added
Tested On
- MacOS Brave
- MacOS Safari: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15 Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
- iOS Safari: Mozilla/5.0 (iPhone; CPU iPhone OS 17_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2 Mobile/15E148 Safari/604.1
- Tested on Xcode Simulator
- Android Chrome: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Mobile Safari/537.36
- Android Firefox: Mozilla/5.0 (Android 10; Mobile; rv:126.0) Gecko/126.0 Firefox/126.0
Full Changelog: v3.0.3...v3.0.4