MDN seems to strip transform-origin from document CSS

RESOLVED FIXED

Status

Developer Documentation
CSS
--
major
RESOLVED FIXED
5 years ago
3 years ago

People

(Reporter: kael, Assigned: teoli, Mentored)

Tracking

Details

(Whiteboard: [good first bug][lang=css], URL)

(Reporter)

Description

5 years ago
The examples in the MDN page on transform-origin (https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin) do not have transform-origin applied, but if you try to edit the page you will see transform-origin active in the editing field and see the CSS properties in the source. It seems like MDN's implementation is stripping out transform-origin for some reason when serving wiki pages up to visitors.
We should move the sample into a live sample instead of having it inline.
(Assignee)

Comment 2

3 years ago
I'm adding myself as a mentor.

The work here is to convert the table at https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin#Live_Examples

into a Live Sample. This can be done in creating 2 hidden section (HTML and CSS) in a pre with class="hidden" and to add the {{EmbedLiveSample}} macro.

Basic knowledge of html and css is needed.

Extensive documentation about the Live Sample system
Mentor: jypenator
Whiteboard: [good first bug][lang=css]

Comment 3

3 years ago
i would like to volunteer here. Can some one guide me :) .
Flags: needinfo?(jypenator)
(Assignee)

Comment 4

3 years ago
Basically, you need to put each of the small example in a live sample: https://developer.mozilla.org/en-US/docs/MDN/Contribute/Structures/Live_samples

(You can hide HTML, CSS section with class='hidden')

Feel free to try on developer.allizom.org first.
Flags: needinfo?(jypenator)

Comment 5

3 years ago
(In reply to Jean-Yves Perrier [:teoli] from comment #4)
> Basically, you need to put each of the small example in a live sample:
> https://developer.mozilla.org/en-US/docs/MDN/Contribute/Structures/
> Live_samples
> 
> (You can hide HTML, CSS section with class='hidden')
> 
> Feel free to try on developer.allizom.org first.

Hey I just made changes to the : https://developer.allizom.org/en-US/docs/Web/CSS/transform-origin .
Could you just check and reply so i can update to https://developer.mozilla.org . 

I guess might need some css styling.
(Assignee)

Comment 6

3 years ago
Now it is done! Thanks jigs12.
Status: NEW → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → FIXED

Comment 7

3 years ago
My pleassure :) thanks for the menorship :) +1 :teoli
You need to log in before you can comment on or make changes to this bug.