Buttons Block: Border radius shows the wrong value after refreshing the browser

[bharath]

Describe the bug
In Buttons block, I drag the Border radius all the way to 50 and see the button rounded. Clicked Update. Then refreshed the browser window. The button is fully rounded but the Border radius shows the wrong value.

To reproduce
Steps to reproduce the behavior:

1. Add button block.
2. Adjust the Border radius all the way to 50.
3. Click Update.
4. Refresh the browser window.
5. Button - Border radius reverts to showing 5. Even though the button visually shows fully rounded as 50.

Expected behavior
Border radius setting should show the value set by user even after refreshing the browser window.

Screenshots
After setting Border radius and updating the page:

After refreshing the browser window:

Desktop (please complete the following information):

• MacOS
• Chrome
• 80.0.3987.132

Additional context

• Tested with Gutenberg 7.7.0
• Tested themes: Twenty Twenty, Twenty Nineteen, Twenty Seventeen and Genesis Sample theme.

[youknowriad]

I'm not able to reproduce this issue personally. Anything particular about your installation, do you have editor plugins that could affect its behavior?

[paaljoachim]

I am able to repeat this in Twenty Twenty, Twenty Nineteen, Twenty Seventeen and Twenty Sixteen.
Here is a gif from Twenty Nineteen.

I tested with a draft as well as a published page.
Using Chrome and Desktop Server (local site).
Gutenberg version 7.7 activated.

[youknowriad]

I can reproduce this on my live site but not on Gutenberg master. I guess this was fixed by #20247

[paaljoachim]

Does that mean this fix will be included in Gutenberg version 7.8?

[youknowriad]

yes, or sooner if we decide to do a 7.7.1