If you use the inspector tool on the debugger we can see the height and width of the element.
The bug is that heights are not correct and are just taking the value from the min height setting and are not showing the actual height when rendered, causing issues in debugging design…I didn’t figure this out until I cloned the page which then made it so I could see the issue in the editor and then saw the height was not 110 but instead 142…thanks for wasting more of my time bubble bugs
I just use my browser’s inspector for debugging UI elements these days. Bubble needs to do some work on the debugger but we all know it won’t be anytime soon. Maybe 3 years down the line.
Anyway, the browser inspector is also how I debug UI issues. It’s pretty nifty.
I need to get better at sifting through the browser inspector…usually I can only spot the settings values and not the actual rendered value.
Browser tools (at least Safari and Chrome) show the actual rendered dimensions of all elements on the element inspector:
I never knew the left hand side was available…just played around with it in chrome, and seems when I hover an element, right click chose inspect it opens up the inspector tools and in right side highlights the code area which is where I always looked, but if I then on left side hover the element again and again right click to then chose again inspect, then it highlights the element and shows the actual dimensions in render…this is great.
Ahhh…literally now I see I can chose in right side the computed value and not the styles tab to see the rendered value.
