[BUG] - Links with a text-gradient broken on hover with CHROME ONLY

[onlycs]

Describe the bug

I think it is a CSS thing where if you use opacity with a text-gradient link on Chrome, it will just become black. For now, can I just disable the opacity for hovering?

Your Example Website or App

https://inertia-unblocker.vercel.app

Steps to Reproduce the Bug or Issue

1. hover on the main site link on GOOGLE CHROME ONLY

Expected behavior

Works like it does on firefox

Screenshots or Videos

No response

Operating System Version

Windows, ChromeOS

Browser

Chrome

[onlycs]

OBTW its a <nextUI.Link> INSIDE OF a <nextUI.Text h1> with linear gradient property

[onlycs]

full disclaimer, this is my 3rd issue on this repo, but thanks.

[onlycs]

any follow up?

[HenryZhang-ZHY]

@TheAlphaReturns add these css attribute to the <nextUI.Link> could solve your problem

[onlycs]

I'll try it.

…

On Wed, May 4, 2022, 8:43 AM imentu ***@***.***> wrote: [image: 5ea315ca2840981a58d8f7faf4a849e] <https://user-images.githubusercontent.com/62298214/166683129-6dd148aa-d4e5-4360-8cbd-dca6b549a1a5.png> @TheAlphaReturns <https://github.com/TheAlphaReturns> add these css attribute to the <nextUI.Link> could solve your problem — Reply to this email directly, view it on GitHub <#391 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AOUEDCQ2T6SWFW4QUNLRMWDVIJWGRANCNFSM5SUGI5OA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[HenryZhang-ZHY]

@TheAlphaReturns is the problem solved?

[onlycs]

oh sorry, no its not. im assuming this is fixed in beta.7