Fixed modal default focus issue

[blackbaud-conorwright]

Resolves: blackbaud/skyux2#2044

[Blackbaud-AlexKingman]

Looks like you have a visual test failing, but otherwise looks good!

[codecov-io]

Codecov Report

Merging #3 into master will increase coverage by <.01%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master       #3      +/-   ##
==========================================
+ Coverage   99.75%   99.76%   +<.01%     
==========================================
  Files          19       19              
  Lines         416      420       +4     
  Branches       64       65       +1     
==========================================
+ Hits          415      419       +4     
  Misses          1        1

Impacted Files	Coverage Δ
...c/modules/modal/modal-component-adapter.service.ts	100% <100%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 82854ae...747fa01. Read the comment docs.

[Blackbaud-SteveBrush]

@blackbaud-conorwright Do you mind adding a visual test that demonstrates an input with autofocus working? I know we have one for the unit tests, but it'd be nice to get a screenshot with the focus blur on an <input type="text" autofocus>.

[blackbaud-conorwright]

Added an autofocus visual test. I also added names for all the screenshots, because adding a new visual test pushed them each down a number and would have caused me to regenerate baselines that weren't directly affected (because they now matched screenshot 18 rather than 17)

[Blackbaud-SteveBrush]

Just one more issue.

Also: If you add z-index: 1; to the .sky-modal-content style, it will make the blue focus blur appear on top of the modal footer.

Steve's comment (z-index) has been seen to. Dismissing to add final approval.

[Blackbaud-AlexKingman]

Ship it.