Photo Directory : Button label disappears on click/focus

[krupajnanda]

The "Contributions" and "Favorites" button text briefly disappears when the button is clicked.

Steps to Reproduce:

1. Visit ​https://wordpress.org/photos/author/<authoer_name>
   E.g. ​https://wordpress.org/photos/author/krupajnanda/
2. Click the Contributions button.
3. Observe the button during the click/focus state.

Expected Result:

The button label ("Contributions"/"Favorites") should remain visible in all states (default, hover, focus, active).

Actual Result:

The text briefly disappears while the button is being clicked; leaving only the button background visible.

[modi2918]

It's Working Properly.

[tusharaddweb]

I was able to reproduce this issue on my end!

When the button enters the :active or :focus state, the background turns black, but the text color doesn't update to contrast it. This makes the text momentarily invisible, leaving just the black background box.

Since these buttons are using the .is-style-button-list navigation block, we can easily fix this by explicitly setting the text color for those interaction states.

Here is the CSS patch to resolve the issue:

  .wp-block-navigation.is-style-button-list .wp-block-navigation-item__content:active,
  .wp-block-navigation.is-style-button-list .wp-block-navigation-item__content:focus {
    color: #ffffff !important;
  }

[mkrndmane]

Please use the existing color variables instead of hardcoded color values. This will ensure that Customizer changes are reflected automatically. Also, !important does not appear to be necessary here.

.wp-block-navigation.is-style-button-list .wp-block-navigation-item__content:active,
  .wp-block-navigation.is-style-button-list .wp-block-navigation-item__content:focus {
    color: var(--wp--custom--button--outline--color--text);
}

[tusharaddweb]

@mkrndmane Thanks for the feedback. You're right—using the CSS variable is cleaner and ensures customizer changes are reflected. Tested with var(--wp-custom--button--outline--color--text) and confirmed it resolves the issue.

[tusharaddweb]

The same Issue I notice on Plugin directory also and I check with above patch so it is working as excepted.

The patch is working fine.

Refer below image :

​https://postimg.cc/PpGTywK9