mdn / mdn/browser-compat-data

margin-trim is only partially supported in Safari

Open Beginner friendly
#30,528 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:safari data:css
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

Currently the margin-trim property is shown as fully supported in Safari, however it is only supported in block layout and not in multicol. The issue for implementing multicol support is https://bugs.webkit.org/show_bug.cgi?id=252325

The implementation in Chrome 155 includes support for block layout and multicol.

I can make a PR for this, I just thought I'd raise the issue while thinking about it.

What browsers does this problem apply to, if applicable?

Safari

What did you expect to see?

I think we need a line for "supported in multicol".

Did you test this? If so, how?

A quick test is here https://codepen.io/rachelandrew/pen/vYarNxq there should be no initial margin on the first paragraph inside the multicol container, if margin-trim: block-start is supported for multicol containers.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
Do you have anything more you want to share?

No response

MDN URL

No response

MDN metadata

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the browser-compat-data entry for CSS margin-trim and review its Safari support data. Compare the block-layout and multicol behavior with WebKit bug 252325 and the linked CodePen test; done when the data distinguishes multicol support instead of marking Safari fully supported.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
78/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.