Join the Webstudio community

Updated 4 months ago

Can someone help me check why the submit button is sized disproportionately?

At a glance
I have a submit button that is sized incorrectly, but when I view the padding and width, everything looks balanced. I removed the previous button to start over, applied my token, and still get the same result.

This only happens in the main canvas and 1440 & up breakpoints. Lower breakpoints from the main canvas don't seem to have this issue.

Can someone tell me if I am overlooking something?
Attachments
image.png
image.png
B
J
O
29 comments
reset the width.
You should remove one of these. The "base" should cover all sizes so you don't need 1440px + query
Attachment
CleanShot_2024-09-05_at_13.12.242x.png
thank you for looking into this for me. i've gone ahead and removed the 1440+ breakpoint.

and idk, i went into the platform and before i was able to remove it, the button looked like it was sized properly.

but all the same, thank you again for looking into this.
now i have an issue where the padding is only is only affecting the top and not the bottom.

its supposed to be 128px top & bottom but only top moves when adjusted.

i've tried resetting values and it still doesnt move



https://p-53c83ce6-85de-44b9-a245-5a5ce8a3b051.apps.webstudio.is/?authToken=10c950fd-cfb3-4a6e-a758-0baa2349202c&mode=preview
Attachments
image.png
image.png
Did you fix this? I don't see a problem.

This video shows me clearing the local styles, then adding padding to the top, then top/bottom, then all sides (using shortcut keys while dragging).
i figured out what the issue was on this, i just can't remember what the issue was. i've been having another where the values such as width dont get updated. i highlight the value but it doesn't turn blue, its gray. it happens off and on.

like right now, it happened, i came here to report the issue and i went back, and now the highlight color is blue and it'll allow me to make edits to the values. its weird.
Interesting, try to make a clean reproduction in an isolated project
i tried duplicating but so far, i haven't seen it appear again..
can't update values. can't select items in the navigator and the canvas jumps to and highlights that element.
tried to rename the project copy and couldn't even do that, i think i was only able to delete
and its stopped again, smh
its back to functioning again
this thread is a bit messy, what specific issue is it?
the latest issue is not being able to manipulate values (when highlighted, its gray, not blue and the values dont change)
very specifically, what to click, talk to me like I am 5
alright

i try to change the width, font size, rename boxes, change padding, etc and i could not. when highlighted, its gray, not blue, indicating a change could not be made.

then, to my amazement, when i cloned the project and tried to rename it, i found that i was only able to delete text, not add to it. it was also highlighted in gray, not blue, like the internal values of the project i tried to change before (padding, font size, renaming elements, gap size, width size, etc)
did i explain that well?
yeah, I am not seeing it, is it possible to record your screen?
I assume this is also happening after reload?
yeah, i've tried reloading multiple times and it still happened, but these issues have been happening on the desktop app
the issue comes and goes, it took a minute this time for it to stop, but i didn't know if i would have been able to capture it before it stopped.

when i first reported the issue, i wanted to capture it but it went back to normal.

at this rate, it looks like i'm crying wolf.
please capture it on a video, I can't even try to debug it since I don't properly understand it
if it was reproducible on a cloned project it would help a lot
i'll try to capture it if i can, if it happens again
Add a reply
Sign up and join the conversation on Discord