Improve URL select for URL prop

[Komediruzecki]

Add open selector when URL is empty or invalid

Showcase:

URL_Improvement_Edit2022-03-20.22-33-37.mp4

[Rokt33r]

Let's change a bit more. For the url, users need to click the url text to navigate.

Users should click the red area to navigate to the url.
If users click other than this area, including padding and the pencil icon, edit mode should be activated.

[Komediruzecki]

Let's change a bit more. For the url, users need to click the url text to navigate.

Users should click the red area to navigate to the url. If users click other than this area, including padding and the pencil icon, edit mode should be activated.

Yes, thought about it as well, will do.

[Komediruzecki]

Let's change a bit more. For the url, users need to click the url text to navigate.

Users should click the red area to navigate to the url. If users click other than this area, including padding and the pencil icon, edit mode should be activated.

Yes, thought about it as well, will do.

@Rokt33r Added the change, its a bit of a hack since the property button is the parent of this element, so it's not easy to make it clickable to edit but also prevent opening URL, and otherwise impossible to put it outside of the property button, but preventing the clicking of URL.

So I've put it absolutely positioned on top, seems to be working nicely.

I've noticed that the link is being opened twice actually (not sure why), and if it's a known issue, it happens on Ubuntu.