From a8995d2fbf5e12216012ab5f442cc17c77e9c40e Mon Sep 17 00:00:00 2001 From: Freya Gustavsson Date: Wed, 18 Feb 2026 15:46:25 +0100 Subject: [PATCH] lib: Fix read-only inline input cutoff PF6 read-only inline inputs has cropped border when it is focused/selected within a modal and positioned at the end of a modal body. Adding spacing to the modal body fixes the issue and makes the modal body look as it should. Related-to: https://github.com/patternfly/patternfly/issues/8150 Signed-off-by: Freya Gustavsson --- pkg/lib/patternfly/patternfly-6-overrides.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/pkg/lib/patternfly/patternfly-6-overrides.scss b/pkg/lib/patternfly/patternfly-6-overrides.scss index d920c4758edc..683cb03e3e64 100644 --- a/pkg/lib/patternfly/patternfly-6-overrides.scss +++ b/pkg/lib/patternfly/patternfly-6-overrides.scss @@ -367,3 +367,12 @@ $phone: 767px; .pf-v6-c-table .pf-v6-c-table__tbody :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before { font-weight: var(--pf-t--global--font--weight--body--bold); } + +// NOTE: PF6 read-only inline inputs has cropped border when it is focused/selected +// within a modal and positioned at the end of a modal body. +// Adding small spacing at the end of the modal body fixes the issue. +// https://github.com/patternfly/patternfly/issues/8150 +.pf-v6-c-modal-box__body { + // PF's Modal body already has this set for padding-block-start + padding-block-end: var(--pf-t--global--spacer--sm); +}