Background gradient not rendering
Unanswered
Broad-snouted Caiman posted this in #help-forum
Broad-snouted CaimanOP
not a nextjs issue but idk where else to ask...
anyways, I have a background that has a gradient (using tailwind) like so
<div className='bg-gradient-to-br from-orange-50 to-gray-50'>
when I am running tests through playwright, the gradient renders completely fine, the normal browser doesnt. I even got a fresh chromium install to test it, same thing. This is honestly pissing me off, I checked the computed styles for both and they're the same linear-gradient...
(playwright and the browser are using the same running instance)
Any help would be much appreciated.
anyways, I have a background that has a gradient (using tailwind) like so
<div className='bg-gradient-to-br from-orange-50 to-gray-50'>
when I am running tests through playwright, the gradient renders completely fine, the normal browser doesnt. I even got a fresh chromium install to test it, same thing. This is honestly pissing me off, I checked the computed styles for both and they're the same linear-gradient...
(playwright and the browser are using the same running instance)
Any help would be much appreciated.
3 Replies
Broad-snouted CaimanOP
I had this issue before but forgot what I did to fix it 😭
It might have just magically started working again who knows
Chub mackerel
that gradient is super light, try darker stops or check gpu/zoom. playwright uses its own chromium so version mismatch can show differences.