Formatting a button to a new size doesn't necessarily change its width and height properties

Formatting a button to a new size doesn't necessarily change its width and height properties

Code example here: https://editor.p5js.org/Jstodd/sketches/klBXzGjCA

Try clicking the button in this example. If you are too far to the right, it will not click. Why? I styled the size, and i called the width and height, so why doesn't it work as expected?

Image of bug here:

I am using Ubunto 20.04 LTS Linux, and Brave Browser (Version 1.33.106 Chromium: 96.0.4664.110 (Official Build) (64-bit))

My browser settings are normal, no strict mode or anything. And generally Brave should run smooth like Chrome because its chromium based and kept up-to-date.

[limzykenneth]

The width and height values are not updated automatically if the element's size is modified via CSS after creation. If you want to change the size of the element after creation you can use the size method instead which will update the width and height values.

The width and height values are not updated automatically if the element's size is modified via CSS after creation. If you want to change the size of the element after creation you can use the size method instead which will update the width and height values.

Where is that in the reference? This was not obvious to me, i thought i had done something wrong and i didnt realize style() didnt update the javascript properties

[limzykenneth]

It is a bit of an edge case and so it probably wasn't realized that style() can possibly change the value of width and height of an element. We can possibly make it so that calling style() do update those properties.