[Bug Report] v-card-title before v-data-table breaks the non-sortable headers

[grishnyakov]

Environment

Vuetify Version: 2.2.16 Vue Version: 2.6.11 Browsers: Chrome 80.0.3987.132 OS: Windows 10

Steps to reproduce

add v-card-title before v-data-table

Expected Behavior

All Headers have bottom border

Actual Behavior

Only non-sortable headers have bottom border

Reproduction Link

https://codepen.io/grishnyakov/pen/ExjQWGX?editors=1010

[KaelWD]

Looks fine to me

[grishnyakov]

[grishnyakov]

In Firefox works normally. Try open in chrome

[KaelWD]

That is in chrome 80.0.3987.132

[grishnyakov]

I use chrome 80.0.3987.132 too, but i see this problem... Hmm, don't know what to do with it...

[grishnyakov]

When i change zoom on page, the table stand displayed normally. Promblem is happen then zoom page = 100%

[grishnyakov]

If i set page zoom =175% i see diffrent with border-lines

[johnleider]

What is the exact environment, browser, resolution, etc and exact reproduction steps to see this, I'm not able to reproduce.

[grishnyakov]

Problem only in Chrome 80.0.3987.132 Edge, Firefoxs works normally. Window resolution: 1829 x 1029 (it does not matter)

Border hidden when icon size is 18px(by default), if i change icon size, border becomes visible. And when i remove icon from DOM, border becomes visible.

[KaelWD]

Do you have any scaling enabled in windows? What's chrome's graphics feature status (chrome://gpu/)? Does removing the outline rule on .v-data-table-header th.sortable affect it?

Related: #4615

[grishnyakov]

Windows scaling: 100% (by default) chromeGpu.txt

outline removing did not affect to the border:

4615

[KaelWD]

You have a driver update apparently: https://www.nvidia.com/Download/driverResults.aspx/157542/en-us

Aside from that I don't know what we can do to fix this, I haven't seen it anywhere else since that fix.