TextFieldModalSettingsTile does not work on Flutter Web app on iOS web browsers

[TommyLCox]

The TextFieldModalSettingsTile works fine for me on browsers running on Mac. It does not work on Chrome or Safari running on iOS. When I have two textfieldmodalSettings tiles on the SettingsScreen container, it pops up the dialog but when you type a value in the text field and select the OK button, the value just typed doesn't show up on the SettingsScreen. This works fine on iOS as a mobile app and fine on Flutter Web on Mac browsers.

I am not sure if this issue is just due to Flutter for web being production ready or not.

Please advise if this is worth addressing or looking into, and if I could be of any assistance.

[barnabasbartha]

When i worked on this project there was no flutter for web so maybe we should just update the packages or maybe there is some minor fix to do.

[TommyLCox]

Ok. I just switched to the beta channel as an attempt.. and had the same result.. I will look at the package versions. Thank you.

[TommyLCox]

Upgrading the packages on my forked copy didn't fix the issue. So, unfortunately, it wasn't that simple. Debug would be tough since I can't replicate it on my Mac browser. I am not familiar enough with Flutter Web to debug from browser on a physical device. Might just consider doing something basic for this small app. My main goal is to do something small but use it in a production environment with Flutter Web to assess its viability.

Also, removing SettingsScreen and just going to a ListView produced the same error.

One interesting behavior is that when you close the modal with the OK button, you can see the text value flash and go away on the settings screen. Also, if you click "Done" on the ios keyboard and then click OK, the value stays on the settings screen. However, when you click on the next text field (that has a different key), when the dialog pops up, the prior text field on the settings screen which you can see in the background gets cleared out. So, you can only make it show one TextField setting at a time because editing a subsequent one clears out the prior one.

Any ideas on troubleshooting appreciated. Thank you.

[TommyLCox]

I used a SettingsContainer and my own TextFormField instead of the popup in the TextFieldModalSettingsTile to get around it for now.