Tony Atkins tony at
Mon Jul 4 08:03:59 UTC 2016

Hi, Dinuka:

Thanks for setting up the demo site, that makes it really easy to give
feedback.  The first thing I tried was keyboard navigation, which needs a
little work.

Neither of your demo buttons has a tabindex attribute, which means you
can't get to them with the keyboard, at least not in the version of Chrome
I tested with.  I manually edited the markup using the developer console,
and added "tabindex=0" to both "buttons" (actually links), to confirm that
that is enough to make the "buttons" addressable.  Once I did that I was
able to focus on each of them in turn, but the code to check for loss of
focus seems not to handle "tabbing away" correctly.

Thankfully, you don't need to do all of this yourself.  There is already
code to help with handling focus and blur via the keyboard.  It's used in
the "5 star" demo included with Infusion.  Here, from that sample, is an
example of calling "fluid.activatable" when the component is created:

Whatever method you use, I would suggest at least manually testing
mouse-only navigation, keyboard-only navigation, and combinations of the
two (focusing using the mouse, then tabbing away, for example).



On Fri, Jul 1, 2016 at 2:30 PM, Dinuka Desilva <l.dinukadesilva at>

> Hi all,
> Since I could find enough simple examples of infusion tool-tips, I thought
> of sharing the example which I did for others advantage.
> Appreciate your help and contributions to optimize this since still it's
> not fully completed and accurate.
> Thanks.
> _______________________________________________________
> fluid-work mailing list - fluid-work at
> To unsubscribe, change settings or access archives,
> see
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <>

More information about the fluid-work mailing list