Show page size select-box picker opens at wrong location in iPad safari browser

[gauraws]

• I'm submitting a ...

  • bug report

• What is the current behavior?
  Page size select box picker opens at wrong location when page size is changed in iPad. This was reproduced in our lower environment, but It can also be seen on the demo page when demo examples are open in iPad safari browser.

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem
  Open demo page at https://onechiporenko.github.io/ember-models-table/v.4/bs4/#/examples/common-table in iPad safari browser(iOS 16) and try to change the no. of rows using page size select picker present at bottom of table. It can be seen that as the no. of rows increases, select picker appears at wrong location.

• [Bug] What is the expected behavior?
  When changing no. of rows in table using page size select picker, picker should appear at where the select input is present.

• Please tell us about your environment:

• ember-models-table version: 2.x, 3.x, 4.x
• ember version: 3.24
• ember-data version: 3.24
• ember-cli version: 3.28
• node version: 14.21
• npm or yarn version: 6.14
• iOS version: 16

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)