[Bug Report][3.5.14] VProgressLinear overflows on Safari when scrollbar present in VDialog #19564
Labels
C: VProgressLinear
platform specific
The issue only occurs on a specific platform
T: bug
Functionality that does not work as intended/expected
Environment
Vuetify Version: 3.5.14
Last working version: 3.1.1
Vue Version: 3.4.21
Browsers: Safari
OS: Mac OS 10.15
Steps to reproduce
See the reproduction link for a minimal reproduction.
The important factor is for a scrollbar to appear. This can of course also be achieved by inserting enough content in the container, thus not requiring a height on the VDialog.
Expected Behavior
The VProgressLinear should be contained inside the padding (screenshot from 3.1.1)
![image](https://private-user-images.githubusercontent.com/3801278/320459583-2177c60f-dd76-476e-953b-2f605d4d3c39.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NDAwMzg0MTYsIm5iZiI6MTc0MDAzODExNiwicGF0aCI6Ii8zODAxMjc4LzMyMDQ1OTU4My0yMTc3YzYwZi1kZDc2LTQ3NmUtOTUzYi0yZjYwNWQ0ZDNjMzkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIyMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMjBUMDc1NTE2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NGJlYjVkOWFhMDc2ZjMzZjg3NzY3YTNjOGRhNDQ4M2ZjZDI5NjA0MGZmMGM0ZTVkNDA5NmZmZmYyZjJmMDJkMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.UOXatAm44HCNPivOSOwWfAwG-axTnVSr88eTswLXmoM)
Actual Behavior
The VProgressLinear overflows into the padding, creating a graphical error
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
Only happens on Safari, and maybe other Webkit-based browsers.
This seems to have broken in 3.1.2 when the absolute, top and bottom props were added to VProgressLinear, likely in PR #15883 #15883
The text was updated successfully, but these errors were encountered: