Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider breaks with theme configured with {userAgent: 'all'} #3773

Closed
datenreisender opened this issue Mar 23, 2016 · 0 comments
Closed

Slider breaks with theme configured with {userAgent: 'all'} #3773

datenreisender opened this issue Mar 23, 2016 · 0 comments
Labels
component: slider This is the name of the generic UI component, not the React module!

Comments

@datenreisender
Copy link

Hi,

we discovered a strange rendering problem in the slider component and could nail it down to being connected to a certain theme configuration.

Problem Description

If the theme is configured with the userAgent: 'all' (as it should be possible according to the description on Server Rendering) the bar behind the slider isn't updated anymore when the slider value is changed.

E.g. with the following code snippet

import Slider from 'material-ui/lib/slider';
import getMuiTheme from 'material-ui/lib/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/lib/MuiThemeProvider';

const App = () => 
    <MuiThemeProvider muiTheme={getMuiTheme({}, {userAgent: 'all'})}>
      <Slider defaultValue={0.4} />
    </MuiThemeProvider>

If the Slider value is changed to ~0.6 the colored and grey bar don't line up with the slider button anymore:

slider broken

Correct would be (which I can get by specifying userAgent: false) if they still lined up:

slider as expected

## Versions - Material-UI: 0.14.4 and 0.15.0-alpha.2 - React: 0.14.7 - Browser: Chrome/OSX (48.0.2564.116) and Firefox/OSX (45.0.1)
@mpontikes mpontikes mentioned this issue Aug 5, 2016
13 tasks
@aahan96 aahan96 closed this as completed Aug 15, 2016
@oliviertassinari oliviertassinari added the component: slider This is the name of the generic UI component, not the React module! label Aug 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: slider This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

3 participants