mdn / mdn/browser-compat-data

css.properties.display.is_transitionable — Safari 27 disables display transitions for popovers and <dialog>

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

Nobody has claimed this yet.

data:css needs triage
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?

What information is incorrect, unhelpful, or incomplete?

BCD currently lists css.properties.display.is_transitionable as supported in Safari since Safari 18:

safari": { "version_added": "18" }

This is no longer unconditionally true in Safari 27 / recent WebKit.

WebKit intentionally disabled display property transitions for popovers and

elements. As a result, display cannot participate in a discrete transition for these top-layer elements even when using:

What browsers does this problem apply to, if applicable?

Safari

What did you expect to see?

The Safari support data for css.properties.display.is_transitionable should reflect that support became partial in Safari 27 because display transitions are disabled for popovers and

.

Did you test this? If so, how?

A minimal test case can use a popover with an opacity + display transition:

<button popovertarget="popover">Toggle</button>

<div id="popover" popover>
  Popover content
</div>
#popover {
  opacity: 0;

  transition:
    opacity 500ms,
    display 500ms allow-discrete;

  &:popover-open {
    opacity: 1;

    @starting-style {
      opacity: 0;
    }
  }
}
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

WebKit commit: “Disable display property transitions for popover ...

Do you have anything more you want to share?

Meow

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/transition-behavior

MDN metadata
MDN page report details
  • Query: css.properties.transition-behavior
  • Report started: 2026-09-17T07:54:12.299Z

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

Locate css.properties.display.is_transitionable in the browser-compatibility data and inspect the existing Safari entry. Read the linked WebKit commit for the affected popover and

behavior, then update Safari support to reflect the partial behavior beginning in Safari 27 and verify the data remains valid.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Clearly specified
Newbie friendliness
82/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.