Skip to content

Style object with columns shorthand property wrong expansion #10043

@pascalduez

Description

@pascalduez

Do you want to request a feature or report a bug?

Report a bug.

What is the current behavior?

Adding a style object to an element with the columns shorthand property expand it the wrong way, it should be left untouched.

<div style={{ columns: 2 }}>

Expand to:

<div style="columns: auto 2px;">

Which is a totally different behaviour.
See: https://developer.mozilla.org/en-US/docs/Web/CSS/columns

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://jsfiddle.net or similar (template: https://jsfiddle.net/84v837e9/).

https://codesandbox.io/s/YvYVjQZ9O

What is the expected behavior?

<div style="columns: 2;">

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

Latest 15.6.1

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions