{
  "formatVersion": 1,
  "experiment": "One unbroken identifier under three wrapping modes",
  "recordedDate": "2026-09-07",
  "sourceUrl": "https://brightfieldnotes.com/tools/text-layout-lab",
  "sourcePublicationRevision": "4fe220c639c3799b0bce11649336abf1694208886e3e45bfd25001f11edebf33",
  "environment": {
    "browserFamily": "Google Chrome",
    "installedBrowserVersion": "152.0.7977.77",
    "versionEvidence": "Local installed Chrome application metadata; full running-browser version was not independently queried",
    "operatingSystem": "macOS 26.6.2",
    "osBuild": "25G83",
    "viewportCssPx": {
      "width": 1800,
      "height": 988
    },
    "zoomProcedure": "Chrome Reset Zoom keyboard shortcut (Command+0) applied before measurements. No zoom increase was tested."
  },
  "declaredToolStyle": {
    "fontFamily": "Arial, Helvetica, sans-serif",
    "lineHeight": 1.5,
    "paddingPx": 12,
    "borderPx": 1,
    "boxSizing": "border-box"
  },
  "sampleData": "The text is the tool-provided fictional identifier; it contains no participant, account or client data.",
  "method": [
    "Open the public Text Layout Lab.",
    "Apply Reset Zoom. Keep the displayed box width at 280 CSS pixels and text size at 20 CSS pixels.",
    "Choose Try a long identifier.",
    "Record normal wrapping after live measurements update.",
    "Change only wrapping to Allow breaks anywhere when needed, then record.",
    "Change only wrapping to Do not wrap, then record.",
    "Read browser element dimensions and client/scroll widths; inspect displayed metrics and capture the first two conditions."
  ],
  "observations": [
    {
      "id": "normal",
      "recordedAt": "2026-09-07T22:31:33.057Z",
      "settings": {
        "fontSizePx": 20,
        "text": "AnExtraordinarilyLongUnbrokenIdentifierThatChallengesAnOrdinaryLayout",
        "widthPx": 280,
        "wrap": "normal"
      },
      "measurements": {
        "boxHeight": 56,
        "boxWidth": 280,
        "clientWidth": 278,
        "horizontalOverflow": true,
        "scrollWidth": 674
      },
      "viewport": {
        "height": 988,
        "width": 1800
      },
      "screenshotCapturedAt": "2026-09-07T22:34:07.835Z"
    },
    {
      "id": "anywhere",
      "recordedAt": "2026-09-07T22:32:12.069Z",
      "settings": {
        "fontSizePx": 20,
        "text": "AnExtraordinarilyLongUnbrokenIdentifierThatChallengesAnOrdinaryLayout",
        "widthPx": 280,
        "wrap": "anywhere"
      },
      "measurements": {
        "boxHeight": 116,
        "boxWidth": 280,
        "clientWidth": 278,
        "horizontalOverflow": false,
        "scrollWidth": 278
      },
      "viewport": {
        "height": 988,
        "width": 1800
      },
      "screenshotCapturedAt": "2026-09-07T22:34:22.673Z"
    },
    {
      "id": "nowrap",
      "recordedAt": "2026-09-07T22:33:13.627Z",
      "settings": {
        "fontSizePx": 20,
        "text": "AnExtraordinarilyLongUnbrokenIdentifierThatChallengesAnOrdinaryLayout",
        "widthPx": 280,
        "wrap": "nowrap"
      },
      "measurements": {
        "boxHeight": 56,
        "boxWidth": 280,
        "clientWidth": 278,
        "horizontalOverflow": true,
        "scrollWidth": 674
      },
      "viewport": {
        "height": 988,
        "width": 1800
      }
    }
  ],
  "images": [
    {
      "file": "normal-wrap.jpg",
      "width": 1252,
      "height": 579,
      "sha256": "9625c648fac2baa0b3311b361350a08e06c80d54d1fd5375912e7f9932c6a832",
      "mimeType": "image/jpeg"
    },
    {
      "file": "anywhere-wrap.jpg",
      "width": 1252,
      "height": 639,
      "sha256": "e62e3e4d82ee23b6c1ebf777c93c2693b14b4b1f7f9373f135e9cafa715a39e0",
      "mimeType": "image/jpeg"
    }
  ],
  "limitations": [
    "This is one Chrome browser session and an isolated component experiment, not a cross-browser study.",
    "Changing wrapping does not test full-page reflow or 200/400 percent browser zoom.",
    "Recorded widths are CSS pixels; screenshot dimensions are image pixels.",
    "The results do not certify accessibility, establish universal layout behavior, or measure search ranking."
  ],
  "termsUrl": "https://brightfieldnotes.com/terms",
  "privacyUrl": "https://brightfieldnotes.com/privacy"
}