iPad layout issue on inline edit

iPad gantt layout moved up after updating task


  1. click the last task to edit task name
  2. keyboard will popup
  3. click ‘Return’ in keyboard
  4. gantt moved up causing the toolbar to disappear and leaving empty space at the bottom of the page



Sorry for the delay.
I tried to reproduce your issue in the following snippet:
https://snippet.dhtmlx.com/1d1i7fgo ;
but it seems to work correctly to me. Please check the attached video:
https://files.dhtmlx.com/30d/9b67ca760f23403867267dffd5b16738/2781265201763.mp4 ;
Probably, it should be related to Gantt configuration, but it is hard to suggest what might be wrong as I don’t see your code.
Please, add your configuration in the snippet above and make sure that the issue is reproduced there.
Then, click on the Save button and send me the link. Or send me a ready demo with all the necessary JavaScript and CSS files so that I can reproduce the issue locally.
Also, could you tell what browser you are using and its version?

hi, thank you for the response. I was able to fix it by putting below code

gantt.ext.inlineEditors.attachEvent(‘onEditStart’, function(state) {
const el = gantt.ext.inlineEditors.getState().placeholder.childNodes[0].childNodes[0]
el.addEventListener(‘blur’, event => {
window.scroll(0, 0)

gantt.ext.inlineEditors.attachEvent('onEditEnd', function(state) {
  window.scroll(0, 0)