(fx112) Add file for ray function and update ray() in offset-path #19421
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
ray()
already has a row inoffset-path
BCD table https://developer.mozilla.org/en-US/docs/Web/CSS/offset-path#browser_compatibility, which needs to be updated for Fx112.ray()
function page is being created (docs(fx112-css-ray): Create new page for ray() function content#26266) and a new BCD table needs to be created for this. The newray.json
file also adds the spec link.Supporting info
ray()
info for the new table from theoffset-path
BCD table.ray()
is still behind the flaglayout.css.motion-path-ray.enabled
. In Fx112, support is added for spec's updated syntax.ray()
that indicates complete support from Chrome 64 (added via CSS motion path updates #5045), which is contrary to what I saw in testing.offset-path
seems to have been in 64 (https://chromestatus.com/newfeatures?q=offset-path)offset-path
andray()
json files, I have added note for Chrome support in experimental mode."experimental": true
inray.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