Uncaught TypeError: Cannot read property 'split' of undefined about anzeixer

[imdpk]

The way I resolved this error is by setting a initial view for the global view variable. It looks like DOMContentLoaded is not updating the view variable fast enough which results is isDesktop(), isLandscape() etc... on page load acting on an undefined variable. I have added a function which just returns the logic to get the current size. I made a few more updates i can request a merge if you would like.

Here is what I have done:

  var view = currentView(),
      sizes = ['xs', 's', 'm', 'l', 'xl'];

  function currentView() {
    try {
      var currentView = window.getComputedStyle(document.querySelector('body'), ':after').getPropertyValue('content').replace(/["']/g, '');
      return currentView;
    } catch(exception) {
      console.error(exception);
      return 'l landscape'; // assume 1024px wide landscape screen if computed style query fails
    }
  }

  /**
   * Get the current view and trigger viewchange event if it changed since last query
   *
   * @return {string} string from body:after CSS content property
   */
  function getView() {
    var oldView = view;
    view = currentView();

    if (oldView !== view && window.hasCustomEvents) {
      var event = new window.CustomEvent('viewchange', {'detail': {
        'originalView': oldView,
        'currentView': view
      }});
      document.dispatchEvent(event);
    }

    return view;
  }

[tschuems]

Hi @imdpk
Thank you very much for your suggestion. We merged the changes into the master branch. Sorry for the delay, we missed it 🎉