Set the inline property of scrollIntoView to nearest (#1653)

stniemin · web-flow · commit bb3ec2788afe · 2022-04-25T11:30:06.000+03:00
diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts
@@ -1661,7 +1661,7 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
       const focusedItem = peopleList.children[this._arrowSelectionCount] as HTMLElement;
       if (focusedItem) {
         focusedItem.classList.add('focused');
-        focusedItem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
+        focusedItem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
         focusedItem.focus();
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -1661,7 +1661,7 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {`
`1661`	`1661`	`const focusedItem = peopleList.children[this._arrowSelectionCount] as HTMLElement;`
`1662`	`1662`	`if (focusedItem) {`
`1663`	`1663`	`focusedItem.classList.add('focused');`
`1664`		`- focusedItem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });`
	`1664`	`+ focusedItem.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });`
`1665`	`1665`	`focusedItem.focus();`
`1666`	`1666`	`}`
`1667`	`1667`	`}`