diff --git a/.changeset/clever-bears-jog.md b/.changeset/clever-bears-jog.md new file mode 100644 index 00000000000..1e36e4273c8 --- /dev/null +++ b/.changeset/clever-bears-jog.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Fix display bug for `PageHeader` component title. diff --git a/packages/react/src/PageHeader/PageHeader.module.css b/packages/react/src/PageHeader/PageHeader.module.css index 41c9b326b86..1d84ab75981 100644 --- a/packages/react/src/PageHeader/PageHeader.module.css +++ b/packages/react/src/PageHeader/PageHeader.module.css @@ -161,12 +161,16 @@ .Title { /* using flex and order to display the title in the title area. */ - display: flex; + display: block; order: var(--title-area-region-order-title); font-size: inherit; font-weight: inherit; } +.Title:where([data-hidden='true']) { + display: none; +} + .TrailingVisual { /* using flex and order to display the trailing visual in the title area. */ display: flex; diff --git a/packages/react/src/PageHeader/PageHeader.tsx b/packages/react/src/PageHeader/PageHeader.tsx index d15fb6c2b4d..bd45ecf9d25 100644 --- a/packages/react/src/PageHeader/PageHeader.tsx +++ b/packages/react/src/PageHeader/PageHeader.tsx @@ -535,6 +535,7 @@ const Title: React.FC> = ({