crazycooky77 / ci_project5

0 stars 1 forks source link

[BUG] Disabled vs Enabled Select Option Styling on Windows 11 #48

Open crazycooky77 opened 1 month ago

crazycooky77 commented 1 month ago

Describe the bug In browsers on Windows 11 (tested Edge and Chrome), the differences between disabled and enabled select options in the dropdowns are barely visible (dark grey vs black text). This is not a good user experience. Testing another website, the issue seems to be specific to NutriForce on Windows 11 browsers, not Windows 11 overall.

To Reproduce Steps to reproduce the behaviour:

  1. Go to https://nutriforce-67c4705bce30.herokuapp.com/products/all
  2. View any product with both in- and out-of-stock options
  3. See the almost invisible differences in styling for each in the list

Expected behaviour It should be clearer that disabled select options are disabled/out-of-stock. Disabled select options should have a lighter grey text (for example).

Screenshots Both options in-stock: in-stock

Top option out-of-stock, bottom in-stock: out-of-stock

Desktop (please complete the following information):