Allow setting autoFocus on radio group option

[nreese]

EuiRadioGroup in the following situation exposes the need to pass autoFocus to EuiRadio

• Inside of EuiContextMenu (or another component that sets focus on open)
• EuiRadioGroup is first component in a panel
• The first option is disabled
• The first option has a EuiIconTip in the label

The problem is that the tooltip opens when the panel is opened.

Setting autoFocus on the first enabled option solves this problem

[cchaos]

Thanks for adding this. I think to save others having the same issue with more props, we can just pass the rest of the props per item down since we don't need to do any extraneous manipulation to this prop.

[cchaos]

I think we just need to add a ...rest for options like we have started doing for most components that accept options as objects:

    const items = options.map((option, index) => {
      const {
        [props]
        ...optionRest
      } = option;

      return (
        <EuiRadio
          [props]
          { ...optionRest }
        />
      );
    });

[chandlerprall]

Agree with @cchaos's review using ...rest on the option, otherwise this LGTM

[chandlerprall]

please remove the autoFocus, id, label, and value props as they are now captured by optionRest

[chandlerprall]

changes LGTM!

[cchaos]

I would think you still don't need these? autofocus is html prop. Unless React expects it to be passed as a camel case prop autoFocus?

[nreese]

does not work unless camel cased

[cchaos]

Got it

[cchaos]

I'm just having an issue with IE11... of course... Where it seems to work but then when you try to interact with it via keyboard, it bumps you back to the top of the page.

[cchaos]

Let's just get this in and worry about IE later, unless you've already started looking into it.