search

axa-ch-webhub-cloud / pattern-library

AXA CH UI component library. Please share, comment, create issues and work with us!
https://axa-ch-webhub-cloud.github.io/plib-feature/develop
126 stars 17 forks source link

Border and Hover Styling issues of Table Component (Browser Incompatibility) #2203

Closed remo-pfister closed 3 years ago

remo-pfister commented 3 years ago

Expected Behavior

I expect that the borders of the rows do not disappear when I hover over a row and leave the row again

Current Behavior

After hovering over a row and leaving again, the upper border is missing.

Steps to Reproduce

  1. Open Microsoft Edge (Version specified below)
  2. Navigate to https://patterns.axa.ch/?path=/story/components-table--table
  3. Hover over an entry row
  4. Leave the hovering area of this row
  5. Upper border should now disappear (if you hover over it again, it will reappear)

image

Context (Environment)

Possible Solution

Most likely this is related to the styling changes performed when hovering over an element. Maybe you need to add some Microsoft specific css.

remo-pfister commented 3 years ago

Additionally, sometimes the right border stays blue after unhovering a row.

01231 commented 3 years ago

I can reproduce it (also that with the right border)👍🏼

01231 commented 3 years ago

After investing a good amount of time we decided that this must be an issue in the Edge Chromium itself. No other browser has the same problem and it should behave like Chrome... It you can prove that this is not a browser bug feel free to reopen the isse.