Repository
https://github.com/mktcode/the-magic-frog
Task Request by @mkt
Bug Fixes
What was the issue(s)?
When clicking on the button, its height expanded. The expected behavior would be that the height stays the same.
What was the solution?
To debug the issue, I forked the repository on GitHub and cloned it into my local development environment.
Then I inspected the button with Chrome Developer Tools while changing the loading state with Vue Devtools.
I looked at the SVG loading icon and saw two different styling blocks for the.spinner
class. So it turned out there is another loading spinner (for image upload) with the same class name. To fix this issue, I just renamed the class of the image upload spinner from.spinner
to.upload-spinner
.
Here is the link to the Pull request:
https://github.com/mktcode/the-magic-frog/pull/2