Created attachment 403404 [details]
test-case

The newly loaded content which has transition CSS property applied to it, and on click, the programmatic focus should go to the content. The focus does go to the content, but the focus outline flashes for a second and doesn't stay onto the content. For reference test-case attached.

transition property to the content -

.fade-transform-in {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all .66s 0s cubic-bezier(0.66, 0, 0.2, 1);
transition: all .66s 0s cubic-bezier(0.66, 0, 0.2, 1);
}
	

:focus{
 outline: 4px solid #000;
 outline-offset: 1px;
}