Плохо выглядящий линейный градиент в Firefox

Question

Я только что заметил странную проблему рендеринга с linear-gradient в последней Firefox: похоже, что он рендерит градиент фона с полосами solid цветов с прямыми границами между ними (см. Рисунок ниже). В Chrome тот же градиент выглядит плавным.

Известно ли и как его избежать?

• Пример кода: https://codepen.io/pavsad/pen/YzXvwEp
• Firefox версия: 74.0 (64-разрядная версия) (также протестировано в 72.0 и 69.0)
• Устройство: iMa c (Retina 5K, 27 дюймов, 2017) (Radeon PRO 580) MacOS Mojave 10.14.6

Пример кода:

background: linear-gradient(to left, rgba(255, 0, 0, 0.7), rgba(0, 0, 255, 1)); 

Answer 1

Я создал проблему в FZ bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1623337

Из обсуждения кажется, что проблема связана с использованием двух цветов в градиенте с различными значения для альфа канала.

На момент написания новости об исправлении этого не поступало.