Timeline: Add role='row' to each element item rendered
This commit is contained in:
parent
0e25b405e1
commit
1984ffc94c
1 changed files with 4 additions and 2 deletions
|
@ -510,13 +510,13 @@ export class Timeline extends React.PureComponent<Props, State> {
|
||||||
|
|
||||||
if (!haveOldest && row === 0) {
|
if (!haveOldest && row === 0) {
|
||||||
rowContents = (
|
rowContents = (
|
||||||
<div data-row={row} style={styleWithWidth}>
|
<div data-row={row} style={styleWithWidth} role="row">
|
||||||
{renderLoadingRow(id)}
|
{renderLoadingRow(id)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
} else if (oldestUnreadRow === row) {
|
} else if (oldestUnreadRow === row) {
|
||||||
rowContents = (
|
rowContents = (
|
||||||
<div data-row={row} style={styleWithWidth}>
|
<div data-row={row} style={styleWithWidth} role="row">
|
||||||
{renderLastSeenIndicator(id)}
|
{renderLastSeenIndicator(id)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -526,6 +526,7 @@ export class Timeline extends React.PureComponent<Props, State> {
|
||||||
data-row={row}
|
data-row={row}
|
||||||
className="module-timeline__message-container"
|
className="module-timeline__message-container"
|
||||||
style={styleWithWidth}
|
style={styleWithWidth}
|
||||||
|
role="row"
|
||||||
>
|
>
|
||||||
{renderTypingBubble(id)}
|
{renderTypingBubble(id)}
|
||||||
</div>
|
</div>
|
||||||
|
@ -544,6 +545,7 @@ export class Timeline extends React.PureComponent<Props, State> {
|
||||||
data-row={row}
|
data-row={row}
|
||||||
className="module-timeline__message-container"
|
className="module-timeline__message-container"
|
||||||
style={styleWithWidth}
|
style={styleWithWidth}
|
||||||
|
role="row"
|
||||||
>
|
>
|
||||||
{renderItem(messageId, this.props)}
|
{renderItem(messageId, this.props)}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue