[SLDS2] Border between buttons in <lightning-button-group> disappears while in focus

[stephenlf]

Side note, when will we have an SLDS2 repo to work with?

Clicking on a button in a <lightning-button-group> makes that button's border disappear.

Default

:focus

Minimum Reproducible Example:

<template>
  <lightning-card
    title="Employment Card"
    variant="narrow"
    icon-name="custom:custom15"
  >
    <lightning-button-group slot="actions">
      <lightning-button
        label="Update"
        title="Update Employment"
      ></lightning-button>
      <lightning-button
        label=""
        title="See Help"
        icon-name="utility:question"
      ></lightning-button>
    </lightning-button-group>
  </lightning-card>
</template>

[EncHawk]

Hello @stephenlf , I wish to try solving this! Is this still open for me to have a go?

[stephenlf]

This is. The issue cropped up in my Salesforce org with an SLDS2 theme, so I'm not sure if this repo is the place to start. Let me know if you need help reproducing the bug. Good luck and keep me posted!

[EncHawk]

Hi @stephenlf I tried to recreate it in the LWC website preview. Didn't seem to have any issues, is there a repo in specific that I can look into?

[stephenlf]

You might have to test the code in a Salesforce org running an SLDS-2 theme. Again, this might not be the right place to report this bug.

[EncHawk]

Hi @stephenlf , my bad but I don't really understand how to go about this issue. I would love to contribute to any other repositories in Salesforce. could you tell me if there are any really active open source repos? I'm well versed with Js and python for starters.