Brave blocks "share" button

Browser Support Web Compatibility
1

Description of the issue:
Brave blocks “Share” button inside fibery.io app.

with shields
with shields1638×658 47.7 KB

without shields
without shields1386×684 49.2 KB

The button has nothing to do with Ads or something like that.

I’ve found a similar issue in the community so it looks like a regression
https://support.brave.com/hc/en-us/articles/360023646212-How-do-I-configure-global-and-site-specific-Shields-settings

Exact URL of the website in question:
fibery.io is a protected app so it’s hard to give exact URL. In case it’s needed please contact me and I’ll invite you to my account

Did the issue present with default Shields settings? (yes/no)
yes

my shields
my shields1460×1386 225 KB

Does the site function as expected when Shields are turned off?
yes

Is there a specific Shields configuration that causes the site to break? If so, tell us that configuration. (yes/no):
no

Does the site work as expected when using Chrome?
yes

Brave version (check About Brave):
Version 1.78.94 Chromium: 136.0.7103.60 (Official Build) (arm64)

2

Should only be blocked using Annoyances or Social list in Brave shields. What does the “Share” field do?

3

It opens a popup with access management to the document

image
image1324×776 54.4 KB

Should only be blocked using Annoyances or Social list in Brave shields

hm, indeed. Turning off Annoyances solves the issue. Thank you

p.s. I don’t think I touched filter lists for years, so I guess it’s some recent addition to annoyance list

1 Like
4

Willing to fix this, if you can inspect the item (right click and inspect on the share icon) and share the inspect source (screenshot). It’ll give me an idea on the div causing it

5

sure

here is the html for the button:

<button data-variant="ghost" class="r55nx00 b1z0ljte sharing_button bsfkgvv s1fy56ry button base_button" type="button"
  data-id="share"
  style="--fibery-button-color: var(--fibery-color-colorBgButtonGhostNeutralDefault); --fibery-button-hover-color: var(--fibery-color-colorBgButtonGhostNeutralHover); --fibery-button-text-color: var(--fibery-color-colorTextButtonGhostNeutral); --fibery-button-text-active-color: var(--fibery-color-colorTextButtonGhostNeutralActive); --fibery-button-focus-color: var(--fibery-color-colorBorderNeutralFocusRing);"><svg
    viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="ifqe6sa sharing_button People" aria-hidden="true">
    <path fill-rule="evenodd" clip-rule="evenodd"
      d="M10.37 11.149C9.323 10.672 8.104 10.5 7 10.5s-2.323.172-3.37.649c-1.06.483-1.983 1.302-2.351 2.587-.161.562-.152 1.244-.12 1.725.06.924.847 1.539 1.684 1.539h8.314c.837 0 1.625-.615 1.685-1.539.031-.48.04-1.163-.121-1.725-.368-1.285-1.29-2.104-2.351-2.587Zm.909 3c-.216-.755-.756-1.282-1.531-1.635C8.959 12.154 7.97 12 7 12c-.97 0-1.96.155-2.748.514-.775.353-1.315.88-1.531 1.635-.085.298-.096.761-.066 1.215a.12.12 0 0 0 .044.086c.03.027.08.05.144.05h8.314a.218.218 0 0 0 .144-.05.12.12 0 0 0 .044-.086c.03-.454.02-.917-.066-1.215ZM10.25 6.25a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0Zm-1.5 0a1.75 1.75 0 1 0-3.5 0 1.75 1.75 0 0 0 3.5 0ZM13.818 5a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5Zm0 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z">
    </path>
    <path
      d="M14.008 12.015a.75.75 0 0 0 .655.834c1.371.165 2.36.711 2.634 1.67.065.227.075.595.051.971a.07.07 0 0 1-.038.01h-2.06a.75.75 0 0 0 0 1.5h2.06c.759 0 1.48-.558 1.535-1.405.026-.406.035-.997-.106-1.49-.534-1.863-2.356-2.56-3.897-2.745a.75.75 0 0 0-.834.655Z">
    </path>
  </svg>
  Share
</button>

image
image1920×1035 230 KB

6

Should fix it, Allow Annoyances again

7

I guess there is a typo. Shouldn’t it be .sharing_button instead of .sharing_panel?

8

Ta. Fixed upstream. eta in a few hrs.