Experimental browser for the Atmosphere
Just fixed a small but important bug where large text would get lost under the tab bar when typing. Wrapping my form in a ScrollViewReader and adding an onChange to the TextField to with a `scrollViewReader.scrollTo("FieldId", anchor: .bottom)` meant it scrolled up as it got larger. #buildinpublic
Jan 19, 2025, 10:04 AM
{ "uri": "at://did:plc:d4o2svnvrxd3db33rx6xw432/app.bsky.feed.post/3lg3l4tmoyk2c", "cid": "bafyreiek2e3arzuspj33cc3ttgzmjzusrhyy6va5cexnax2mnrjmwusd5m", "value": { "text": "Just fixed a small but important bug where large text would get lost under the tab bar when typing. Wrapping my form in a ScrollViewReader and adding an onChange to the TextField to with a `scrollViewReader.scrollTo(\"FieldId\", anchor: .bottom)` meant it scrolled up as it got larger. #buildinpublic", "$type": "app.bsky.feed.post", "embed": { "alt": "Video showing two different versions of an app with some text inputs and a tab bar. The first has a bug where the text being typed into the text input is hidden under the tab bar as the size of the text exceeds the size of the screen. The second shows the screen scrolling to ensure that the text input's content is always visible", "$type": "app.bsky.embed.video", "video": { "$type": "blob", "ref": { "$link": "bafkreie4uhponpnfb56bsw5safyvrbc754xvzcu2dpkcl6ptypjsqc2y5m" }, "mimeType": "video/mp4", "size": 351663 }, "aspectRatio": { "width": 1280, "height": 720 } }, "langs": [ "en" ], "facets": [ { "index": { "byteEnd": 298, "byteStart": 284 }, "features": [ { "tag": "buildinpublic", "$type": "app.bsky.richtext.facet#tag" } ] } ], "createdAt": "2025-01-19T10:04:39.170Z" } }