Mozilla shows scrollbars on click in Stylist

[znoob2@…]

When I (de)select a classname in Stylist, both a vertical and a horizontal scrollbar appear until I release the mouse button. I am using Firefox 2.0.0.3.

What is actually happening is that FF shows a dotted line around a link when you click it. This is common behaviour. But the dotted line is around the link. The link consumes 100% of the width, so 100% + 2px => scrollbars. And that is da*n ugly!

As a quick fix I added 2 lines at line no. 109:

_13.style.marginRight="1px";
_13.style.marginBottom="1px";

It is just a hack and it might let IE look weird (haven't tested). Would be nice if the developer could work this out in a next plugin update.

Cheers!

[znoob2@…]

I found out in general that when you add onmousedown="return false;" to a link it won't show the border. However with the _addEvent event attachment model, having the event handler function return false makes no sense. Then you would do this:

// assuming e is the event object...
if(e.preventDefault)e.preventDefault();

I didn't look into stylist code any further (I don't like to read crunched code), but I am sure either of these options is easy to implement and it leaves the CSS alone (which is nice).

[ray]

rev [946]