Unable to focus onto components that lie within a rux-card component

[TobyPickard]

Describe the bug
When trying to use the setFocus function on a component (i.e. the rux-input component) that is rendered within a rux-card it doesn't work but using a setFocus in the same scenario (i.e. in response to a button being pressed) for a component that lies outside the card it does move the focus correctly.

To Reproduce
Steps to reproduce the behavior:

1. Set up an environment where there is a <rux-input> within a <rux-card> and a <rux-button> that runs a function that does rux-input['el'].setFoxus()
2. Click on the button
3. See that nothing happens

Current behavior
When the button is pressed nothing happens but there is no error message, and have ensured that the bit of code that should be setting focus has run.

Expected behavior
I would expect the rux-input component to be focused on once the button is pressed

Environment (please complete the following information):

• Browser: chrome
• @astrouxds/astro-web-components version [e.g. 7.0.0]
• Framework: Angular
• Framework wrapper version: @astrouxds/angular 7.25.0