question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

transition css broken in beta 28 -- zeros parsed as false

See original GitHub issue

I’m not really sure how to create a plunkr for this… but when i roll back to beta 27 the issue is not there.

I can tell you that this create function:

    contentShift: {
      transition: theme.transitions.create('margin', {
        easing: theme.transitions.easing.easeOut,
        duration: theme.transitions.duration.enteringScreen,
      }),
    }

will return valid looking transition css: margin 225ms cubic-bezier(0.0, 0, 0.2, 1) 0ms

however inspecting the target css shows messed up transition css:

.App-contentShift-15 {
    transition: margin 225ms cubic-bezier(0.0, false, false.2, false) 0ms;
}

image

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:9
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
RafaelHovhannisyancommented, Jan 16, 2018

CSS Transitions are broken on Inputs.

screen shot 2018-01-16 at 2 44 15 pm

When this will be fixed? In next release ?

2reactions
verekiacommented, Jan 16, 2018

An example of broken components is the label and colored bars of TextFields which lost their transitions.

Read more comments on GitHub >

github_iconTop Results From Across the Web

transition css broken in beta 28 -- zeros parsed as false · Issue ...
I can tell you that this create function: contentShift: { transition: ... transition css broken in beta 28 -- zeros parsed as false...
Read more >
transition - CSS: Cascading Style Sheets - MDN Web Docs
The transition CSS property is a shorthand property for ... The first value that can be parsed as a time is assigned to...
Read more >
Safari Technology Preview Release Notes - Apple Developer
Experience and test the HTML, CSS, JavaScript, and other web technologies that are available in Safari 16 Beta and included in previous Safari...
Read more >
transition | CSS-Tricks
The transition property is a shorthand property used to represent up to ... Any subsequent valid time value will be parsed as the...
Read more >
Changelog - Shoelace
2.0.0-beta.41. This release changes how components animate. In previous versions, CSS transitions were used for most show/hide animations.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found