Skip to content

Fix ordered list layout to handle long numbers in <ol> #1356

@lakshya1goel

Description

@lakshya1goel

The ordered list layout currently uses a fixed width of 20px for the marker column:

width: 20, // TODO handle long numbers in <ol>, like https://github.com/zulip/zulip/pull/25063

This can cause layout issues when the list starts with large numbers (e.g., "9999. first")

Observed Behavior:

The dot (.) moves to the next line when the marker has 2 or more digits.
Example: "10." appears misaligned, with the dot shifting below the number in the screenshot below.

Expected Behavior:

The marker column should adjust dynamically to accommodate longer numbers without breaking the layout.

Metadata

Metadata

Assignees

Labels

a-contentParsing and rendering Zulip HTML content, notably message contentsa-designVisual and UX design

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions