Closed
Description
openedon Aug 5, 2020
Describe the bug; what happened?
When you set the <fast-slider> width to 0% it is not being respected since it already has a min-width set to:
:host(.horizontal) {
min-width: calc(var(--design-unit) * 60px);
}What are the steps to reproduce the issue?
Use the following code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Repro</title>
</head>
<body>
<fast-design-system-provider use-defaults>
<fast-slider min="0" max="100" value="1" style="width:0%"></fast-slider>
</fast-design-system-provider>
<script type="module" src="https://unpkg.com/@microsoft/fast-components"></script>
</body>
</html>What behavior did you expect?
The width must be respected when set to 0%,
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment