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

boxShadowBlur and textShadowBlur animation look wrong in MS Edge #732

Closed
n3dst4 opened this issue Dec 12, 2016 · 3 comments
Closed

boxShadowBlur and textShadowBlur animation look wrong in MS Edge #732

n3dst4 opened this issue Dec 12, 2016 · 3 comments

Comments

@n3dst4
Copy link

n3dst4 commented Dec 12, 2016

Steps:

  1. Open Velocity's animation test tool in Chrome or Firefox
  2. Observe the pretty shadow effect
  3. Open the same page in MS Edge

Expected:

The same pretty shadow effect

Actual:

A big solid black border effect.

Tested on:

Microsoft Edge 38.14393.0.0
Chrome 54.0.2840.99 m

Screenshot

Chrome:
2016-12-12 10_13_42-

Edge:
2016-12-12 10_18_51-

@n3dst4 n3dst4 changed the title boxShadowBlur and textShadowBlur animation generates textShadow property which is invalid in MS Edge boxShadowBlur and textShadowBlur animation look wrong in MS Edge Dec 12, 2016
@n3dst4
Copy link
Author

n3dst4 commented Dec 12, 2016

As far as I can tell, the generated shadow property is constructed in an older format which Edge has somehow chosen to drop support for. The text-shadow for example is in the format color offset-x offset-y radius blur, while the official format is color offset-x offset-y blur.

@MattyBalaam
Copy link

MattyBalaam commented Dec 12, 2016

It's going to be related to a test which was made to make it compatible with IE I imagine #388

@Rycochet
Copy link
Collaborator

Needs to be looked into, but currently (1.4.0+) you can ignore those split bits, and use the entire string value directly - {boxShadow:["red 0px 0px 25px", "blue 10px 10px 15px"]} etc :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants