Skip to content

Box "round" prop not respecting whether its responsive  #6445

@carolineartz

Description

@carolineartz

It is not currently possible to disable the responsive adjustments for border-radius on Box with responsive={false}.

Expected Behavior

The size for round should reference the responsive value unless responsive={false} is set.

Actual Behavior

The size for the round prop always references the responsive value when given a non-object type value.

URL, screen shot, or Codepen exhibiting the issue

https://codesandbox.io/s/grommet-v2-template-forked-d914qf

Steps to Reproduce

  1. create a box
  2. set responsive to false
  3. give it round prop with a string value
  4. resize the screen (should see radius not change, but it does).

Your Environment

Codesandbox env has the bug.

  • Grommet version:
  • Browser Name and version:
  • Operating System and version (desktop or mobile):

Metadata

Metadata

Assignees

Labels

bugissue that does not match design or documentation and requires code changes to addresshelp wantedWould appreciate community help working on this

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions