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

(fx112) Add file for ray function and update ray() in offset-path #19421

Merged
merged 3 commits into from
Apr 19, 2023

Conversation

dipikabh
Copy link
Contributor

Summary

Supporting info

  • I have picked most of the ray() info for the new table from the offset-path BCD table.
  • Firefox: ray() is still behind the flag layout.css.motion-path-ray.enabled. In Fx112, support is added for spec's updated syntax.
  • Chrome:
    • The BCD table on offset-path page contains a row on ray() that indicates complete support from Chrome 64 (added via CSS motion path updates #5045), which is contrary to what I saw in testing.
    • The last mention in Chrome on offset-path seems to have been in 64 (https://chromestatus.com/newfeatures?q=offset-path)
    • On Canary, the feature works with experimental mode enabled.
    • It was working earlier but now it does not seem to be working in Chrome 112 even in experimental mode.
    • In both offset-path and ray() json files, I have added note for Chrome support in experimental mode.
  • For its status in Firefox and Chrome, I have also marked "experimental": true in ray.json file.

Test results and supporting details

The following codepens can be used to test in Firefox and Chrome:
Example 1: https://codepen.io/dipikabh/pen/yLReQaZ
Example 2: https://codepen.io/dipikabh/pen/PoyNQdz

Related issues

Doc issue tracker: mdn/content#25358
Content PR: mdn/content#26266
Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1820071
Spec: https://drafts.fxtf.org/motion/#ray-function

@github-actions github-actions bot added the data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label Apr 18, 2023
@dipikabh dipikabh requested review from queengooborg and Elchi3 April 18, 2023 20:40
@queengooborg queengooborg merged commit c79d3b4 into mdn:main Apr 19, 2023
@dipikabh dipikabh deleted the offset-path-ray-function branch April 20, 2023 12:37
@dipikabh
Copy link
Contributor Author

Thanks, @queengooborg!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants