Skip to main content
Question

Buggy button resizing on hover

  • April 18, 2023
  • 1 reply
  • 872 views

Gabriel_Melo

I’m building an app using the M3 Material Design Kit Community File and noticed the Button component is buggy on hover (prototype below).

When my button instance is manually resized to a certain fixed width (e.g. 200px), the buggy button is auto-resizing back to “Hug contents” on hover. But a seemingly identical button created with the same properties does not behave like that, keeping the manually set width on hover.

I’ve thorougly inspected the button settings multiple times, and even recreated the button from scratch using the same Auto Layout, Size and Constraints settings, only to end up dumbfounded by the fact that two seemingly identical buttons are behaving differently.

File with the 2 buttons side by side, for inspection: https://www.figma.com/file/vHrSNeUfEH4Kg8spOLg4PW/Material-3-Design-Kit-(Community)?node-id=53795%3A27389&t=qJInM9E3e8DUozCs-1

Buggy button prototype: https://www.figma.com/proto/vHrSNeUfEH4Kg8spOLg4PW/Material-3-Design-Kit-(Community)?page-id=53795%3A27389&node-id=53795-27390&viewport=716%2C337%2C3.25&scaling=min-zoom

Properly working button prototype: https://www.figma.com/proto/vHrSNeUfEH4Kg8spOLg4PW/Material-3-Design-Kit-(Community)?page-id=53795%3A27389&node-id=53795-27403&viewport=716%2C337%2C3.25&scaling=min-zoom

This topic has been closed for comments

1 reply

  • 0 replies
  • May 18, 2023

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings