UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.84 Safari/537.36

Steps to reproduce the problem:
https://codepen.io/anon/pen/MBPvbe

window.navigator.mediaDevices.getUserMedia({video: true}).then(stream => {
  const vtrack = stream.getVideoTracks()[0];
  vtrack.onended = (event) => {
    console.log('video track on ended');
    const span = document.createElement('span');
    span.innerHTML = "stopped";
    document.body.appendChild(span);
  };
  const videoEl = document.getElementById('video');
  videoEl.srcObject = stream;
  videoEl.play().then(() => {
  	const button = document.createElement('button');
    button.innerHTML = "stop";
    button.onclick = (ev) => {
      console.log('stopped clicked');
    	vtrack.stop();
    };
    document.body.appendChild(button);
  });
});

What is the expected behavior?
https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack  

1. stop will detach the track from the media source,
2. onended will fire when the source is detached from the track.

So we expect onended is called when stop is called()

What went wrong?
onended is not called
addEventListener('ended',  (ev) => {...}); is not called.

Did this work before? No 

Does this work in other browsers? N/A

Chrome version: 68.0.3440.84  Channel: stable
OS Version: OS X 10.13.5
Flash Version: 

however,  this works when the media track is stopped from the media source.  e.g. screen sharing persistent banner.