Bug - Truncate/Progress - truncated content cannot be focused via keyboard

[thatblindgeye]

Describe the problem
A clear and concise description of the problem. Which components are affected?

In the Truncate and Progress (truncated example) component, the truncated content cannot be focused via keyboard which would be necessary to trigger a tooltip to display the entire content. See how Alert handles truncation in its title:

patternfly-react/packages/react-core/src/components/Alert/Alert.tsx

Lines 198 to 201 in a2cb155

	<TitleComponent
	{...(isTooltipVisible && { tabIndex: 0 })}
	ref={titleRef}
	className={css(styles.alertTitle, truncateTitle && styles.modifiers.truncate)}

How do you reproduce the problem?
Provide steps to reproduce. A codesandbox demonstrating the problem is appreciated.

Go to the Truncate examples and the truncate title progress example and try tabbing through the page. Notice how the truncated content never receives focus to trigger a tooltip.

Expected behavior
A clear and concise description of the expected behavior.

The truncated content would receive focus and trigger the tooltip

Is this issue blocking you?
List the workaround if there is one.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

What is your product and what release date are you targeting?

Any other information?

[thatblindgeye]

We should look into whether we have an established pattern for focusing truncated content elsewhere. If not, utilizing tabIndex could be a solution to this.