Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Drop - stretch="align" not working #7206

Closed
jcfilben opened this issue Apr 17, 2024 · 1 comment
Closed

Drop - stretch="align" not working #7206

jcfilben opened this issue Apr 17, 2024 · 1 comment
Labels
bug issue that does not match design or documentation and requires code changes to address

Comments

@jcfilben
Copy link
Collaborator

jcfilben commented Apr 17, 2024

Expected Behavior

When stretch="align" the width of the drop element will be restricted to the width of the target element.
See documentation of stretch="align" prop https://v2.grommet.io/drop#stretch

See slack thread https://grommet.slack.com/archives/C09QQEG69/p1713186050650169

Actual Behavior

The drop width can be larger than the target elements width

URL, screen shot, or Codepen exhibiting the issue

https://codesandbox.io/p/sandbox/grommet-v2-template-forked-3jstpm?file=%2Findex.js%3A9%2C1

@jcfilben jcfilben added the bug issue that does not match design or documentation and requires code changes to address label Apr 17, 2024
@jcfilben
Copy link
Collaborator Author

When I initially filled this issue I had set the codesandbox up incorrectly and was attempting to use the ref before it was ready which was why the stretch='align' prop wasn't working. I've fixed the codesandbox and the stretch='align' prop is working. Closing this issue.
https://codesandbox.io/p/sandbox/grommet-v2-template-forked-3jstpm?file=%2Findex.js%3A7%2C30

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug issue that does not match design or documentation and requires code changes to address
Projects
None yet
Development

No branches or pull requests

1 participant