Storysource: clicking on stories does not update what is highlighted

Describe the bug When you click on a story in the sidebar, Storysource does not update the code area that is highlighted.

To Reproduce Steps to reproduce the behavior:

1. Go to WithTooltip
2. Click on the stories in the sidebar
3. Observe that the code highlighted in Storysource does not change

Expected behavior I expect the highlighted code to change.

Screenshots Here’s a gif of this behavior in the Button component. https://cl.ly/335848ffb52a

[TerrenceLJones]

I think this issue is related to https://github.com/storybooks/storybook/issues/6136.

After chaining my stories together…the highlighting worked as expected.

[martinmcwhorter]

I am seeing a similar possibly related issue with Storysource where the selected story does not get highlighted.

I am using “@storybook/angular”: “^5.0.5” and “@storybook/addon-storysource”: “^5.0.5”

My .storybook/webpack.config.js is

const path = require('path');

module.exports = function({ config }) {
  config.module.rules.push({
    test: /\.stories\.ts?$/,
    loaders: [
      {
        loader: require.resolve('@storybook/addon-storysource/loader'),
        options: {
          parser: 'typescript',
        },
      },
    ],
    enforce: 'pre',
    include: [path.resolve(__dirname, '../src')],
  });

  return config;
};

The source shows up, there is just no highlight of the selected story. The source code is black-text on white-background which is different from all screenshots of this feature that I have seen. Could this be theming to styling issue?