ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

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

Record data

{
  "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"
  }
}