Changes between Version 1 and Version 2 of Ticket #8307, comment 8
- Timestamp:
- Jul 27, 2015, 12:19:39 PM (9 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Ticket #8307, comment 8
v1 v2 1 1 After extensive week of trying to fix current maximize solution to fit iPad quirks I have to surrender, because hacking one bug lead to another one. Unfortunately, handling iframe that fills whole viewport and is scrollable is difficult. When keyboard is shown, it makes original viewport scrollable too, so we have a scrollable window in a scrollable window. 2 2 3 I tried to fit iframe's height to be `viewport height` minus `iOS keyboard height` and partially managed to do so. However, the viewport was still scrollable (it had "empty" <html> behind it and it was possible to still scroll down). AFAIR I managed to fix this behavior by preventing scroll event when editor reached certain scroll and when screen was touched at too low position. Then other problems occured: iframe's scroll started to jump all over the place when typing letters.3 I tried to fit iframe's height to be `viewport height` minus `iOS keyboard height` and partially managed to do so. However, the viewport was still scrollable (it had "empty" `html` element behind it and it was possible to still scroll down). AFAIR I managed to fix this behavior by preventing scroll event when editor reached certain scroll and when screen was touched at too low position. 4 4 5 I haven't found a good solution for the last problem that didn't introduce heavy UX flaws and at that point the code was really messy and hacked so I come to conclusion that it is not worthy to go even deeper this way.5 Then other problems occured: iframe's scroll started to jump all over the place when typing letters. I haven't found a good solution for the last problem that didn't introduce heavy UX flaws and at that point the code was really messy and hacked so I come to conclusion that it is not worthy to go even deeper this way. 6 6 7 7 There is other possible solution to maximize on iPad. We cold make the iframe's width 100% of the viewport and set height like autogrow plugin does - height would be big enough to show all contents. Then we would use viewport's scrollbar for scrolling and iframe wouldn't have any scrollbar. Maybe in this approach we would get rid of some problems and this would result in correct working of maximize plugin on iPad. However, it needs further research.
