Cards render absurdly rounded on iOS/iPadOS 26 (card borrows --input-radius)

[mixflavor]

Description

Kanban cards (.kanban-plugin__item) set their corner radius from the input-field variable:

// src/styles.less
.kanban-plugin__item {
  ...
  border-radius: var(--input-radius);
}

On iOS 26 / iPadOS 26, --input-radius resolves to a very large value, so every card renders as a pill/blob shape. Desktop is unaffected (there --input-radius is small).

Cause

The card borrows the input field radius var. On iOS/iPadOS 26 Obsidian uses a large --input-radius for touch inputs, which the card inherits — cards shouldn't use the input radius.

Suggested fix

Use a card-appropriate radius variable instead, e.g. var(--radius-m) (or var(--radius-s) to stay closer to the previous desktop look).

Verified on iPadOS 26 that switching the card to var(--radius-m) renders a normal radius; desktop unchanged. Current user workaround:

.kanban-plugin__item { border-radius: var(--radius-m) !important; }

🤖 Generated with Claude Code