I created a CodePen to demonstrate how this behavior compares to the default HTML radio input.

Hi! Is anyone working on this?

I've implemented a (somewhat limited) workaround in a local codebase, in case anyone's need is urgent (requires scrollIntoViewIfNeeded and doesn't support model-less radio groups)

This is a postLink function that decorates the original postLink

const scrollFixLink = (scope, element, attrs, [radioGroup, ngModel]) => {
  if (!ngModel) {
    // Do nothing when there is no model
    return;
  }
  const scrollIfNeededOnChange = () => {
    // Experimental: https://caniuse.com/#feat=scrollintoviewifneeded
    if (element[0].scrollIntoViewIfNeeded) {
      element[0].scrollIntoViewIfNeeded(/* opt_center */ false);
    }
  };
  ngModel.$viewChangeListeners.push(scrollIfNeededOnChange);
  scope.$on(
      '$destroy',
      () => remove(ngModel.$viewChangeListeners, scrollIfNeededOnChange));
};

const mdRadioGroupDecorator = ($delegate) => {
  const mdRadioGroup = $delegate[0];
  mdRadioGroup.link.post = scrollFixLink;
  return $delegate;
};