ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Side Quest unlocked: write a #webcomponent to use until ::scroll-button #CSS is ready for the big stage. Thank you @darn.es for your handy template. Is it just me? Does ::scroll-button really only support jumping to next page instead of item? Causing it to skip items because they were visible?

May 5, 2025, 6:21 AM

Record data

{
  "uri": "at://did:plc:gilu7o4lu2uhhh2sztjeo47i/app.bsky.feed.post/3lofq2u3dm222",
  "cid": "bafyreid7fdkhexexrgttaf467ihjb6sjzngdfm76fyzpovqug5htchxuli",
  "value": {
    "text": "Side Quest unlocked: write a #webcomponent to use until ::scroll-button #CSS is ready for the big stage. Thank you @darn.es for your handy template. \nIs it just me? Does ::scroll-button really only support jumping to next page instead of item? Causing it to skip items because they were visible?",
    "$type": "app.bsky.feed.post",
    "embed": {
      "alt": "a scroll button demo: when pressing the buttons the carousel jumps from 2 to 4 to 6. Skipping 3 and 5 because they were partially visible on the page. ",
      "$type": "app.bsky.embed.video",
      "video": {
        "$type": "blob",
        "ref": {
          "$link": "bafkreiblm7x3kajw44gwvywpcit7os7ft3kfp54ire4a74bhny2o4o55na"
        },
        "mimeType": "video/mp4",
        "size": 98280
      },
      "aspectRatio": {
        "width": 1028,
        "height": 616
      }
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "index": {
          "byteEnd": 42,
          "byteStart": 29
        },
        "features": [
          {
            "tag": "webcomponent",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 76,
          "byteStart": 72
        },
        "features": [
          {
            "tag": "CSS",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      },
      {
        "$type": "app.bsky.richtext.facet",
        "index": {
          "byteEnd": 123,
          "byteStart": 115
        },
        "features": [
          {
            "did": "did:plc:7bb34ozcdu5lm3ogte3gq433",
            "$type": "app.bsky.richtext.facet#mention"
          }
        ]
      }
    ],
    "createdAt": "2025-05-05T06:21:11.656Z"
  }
}