Error: (TypeError) : Cannot read property '__updateHeaderFooterRowVisibilit

I am getting error as attached in the screenshot. There is not specific pattern of this error. This doesn’t break any functionality but it hampers with the customer experience. Please suggest what should be the workaround for this issue.
18268379.jpg

Hello.

Can you share more info about this? Which version are you using? Is there any stack trace on the browser console which you could share as well?

Diego Cardoso:
Hello.

Can you share more info about this? Which version are you using? Is there any stack trace on the browser console which you could share as well?

Hi Diego

I am using Vaadin 14.1.1.

Following is the Stack trace I am getting in the browser:

Uncaught TypeError: Cannot read property '__updateHeaderFooterRowVisibility' of undefined
    at HTMLElement._pathOrHeaderChanged (vaadin-grid-column.js?582a:378)
    at Object.runMethodEffect [as fn]
 (property-effects.js?0662:819)
    at runEffectsForProperty (property-effects.js?0662:157)
    at runEffects (property-effects.js?0662:121)
    at HTMLElement._propertiesChanged (property-effects.js?0662:1692)
    at HTMLElement.Ow.s._propertiesChanged (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:995)
    at HTMLElement._flushProperties (properties-changed.js?2b39:354)
    at HTMLElement._flushProperties (property-effects.js?0662:1536)
    at HTMLElement._invalidateProperties (property-effects.js?0662:1506)
    at HTMLElement.notifyPath (property-effects.js?0662:2049)
    at eval (vaadin-grid.js?cd77:468)
    at Array.forEach (<anonymous>)
    at HTMLElement._createScrollerRows (vaadin-grid.js?cd77:468)
    at HTMLElement._createPool (vaadin-grid-scroller.js?2c8e:217)
    at HTMLElement._increasePoolIfNeeded (iron-list.js?1b01:497)
    at Debouncer.eval (vaadin-grid-scroller.js?2c8e:192)
    at Debouncer.flush (debounce.js?9529:76)
    at Object.grid.$connector.confirm (gridConnector.js?2614:853)
    at Object.eval (eval at Jt (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:987), <anonymous>:3:22)
    at Jt (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:987)
    at It (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:944)
    at Gt (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:564)
    at mr (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:495)
    at Kr.Lr [as X]
 (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:995)
    at FA (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:876)
    at or (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:990)
    at Er.Fr [as D]
 (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:995)
    at Kj (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:401)
    at gr (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:991)
    at hr (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:974)
    at ut.wt [as sb]
 (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:995)
    at iB.jB [as K]
 (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:995)
    at XMLHttpRequest.<anonymous> (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:580)
    at sb (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:415)
    at vb (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:862)
    at XMLHttpRequest.<anonymous> (client-FD21A18FF7B71449F61F78AE8DCC75CC.cache.js:609)

18273860.png

Hey there!
I’m facing the same Problem.
What causes this Error? Is there a workaround?

Uncaught TypeError: Cannot read property '__updateHeaderFooterRowVisibility' of undefined
    at HTMLElement._pathOrHeaderChanged (vaadin-grid-column.js?582a:474)
    at Object.runMethodEffect [as fn]
 (property-effects.js?0662:819)
    at runEffectsForProperty (property-effects.js?0662:157)
    at runEffects (property-effects.js?0662:121)
    at HTMLElement._propertiesChanged (property-effects.js?0662:1692)
    at HTMLElement.s._propertiesChanged (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:1027)
    at HTMLElement._flushProperties (properties-changed.js?2b39:354)
    at HTMLElement._flushProperties (property-effects.js?0662:1536)
    at HTMLElement._invalidateProperties (property-effects.js?0662:1506)
    at HTMLElement.notifyPath (property-effects.js?0662:2049)
    at eval (vaadin-grid.js?cd77:505)
    at Array.forEach (<anonymous>)
    at HTMLElement._createScrollerRows (vaadin-grid.js?cd77:505)
    at HTMLElement._createPool (vaadin-grid-scroller.js?2c8e:235)
    at HTMLElement._increasePoolIfNeeded (iron-list.js?1b01:499)
    at HTMLElement._increasePoolIfNeeded (vaadin-grid-scroller.js?2c8e:192)
    at HTMLElement._render (iron-list.js?1b01:557)
    at HTMLElement._accessIronListAPI (vaadin-grid-scroller.js?2c8e:329)
    at HTMLElement._render (vaadin-grid-scroller.js?2c8e:358)
    at Debouncer.flush (debounce.js?9529:76)
    at eval (debounce.js?9529:157)
    at Set.forEach (<anonymous>)
    at flushDebouncers (debounce.js?9529:155)
    at flush (flush.js?e204:31)
    at HTMLElement.scrollToIndex (iron-list.js?1b01:757)
    at HTMLElement.eval (vaadin-grid-scroller.js?2c8e:88)
    at HTMLElement._accessIronListAPI (vaadin-grid-scroller.js?2c8e:329)
    at HTMLElement.scrollToIndex (vaadin-grid-scroller.js?2c8e:88)
    at HTMLElement.eval (vaadin-grid-scroll-mixin.js?4585:132)
    at HTMLElement._accessIronListAPI (vaadin-grid-scroller.js?2c8e:329)
    at HTMLElement.scrollToIndex (vaadin-grid-scroll-mixin.js?4585:132)
    at HTMLElement.eval (vaadin-grid-scroller.js?2c8e:400)
    at HTMLElement._accessIronListAPI (vaadin-grid-scroller.js?2c8e:329)
    at HTMLElement._scrollToIndex (vaadin-grid-scroller.js?2c8e:400)
    at HTMLElement.eval (vaadin-grid-scroller.js?2c8e:131)
    at HTMLElement._accessIronListAPI (vaadin-grid-scroller.js?2c8e:329)
    at HTMLElement._effectiveSizeChanged (vaadin-grid-scroller.js?2c8e:131)
    at Object.runMethodEffect [as fn]
 (property-effects.js?0662:819)
    at runEffectsForProperty (property-effects.js?0662:157)
    at runEffects (property-effects.js?0662:121)
    at HTMLElement._propertiesChanged (property-effects.js?0662:1692)
    at HTMLElement.s._propertiesChanged (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:1027)
    at HTMLElement._flushProperties (properties-changed.js?2b39:354)
    at HTMLElement._flushProperties (property-effects.js?0662:1536)
    at HTMLElement._invalidateProperties (property-effects.js?0662:1506)
    at HTMLElement._setProperty (property-effects.js?0662:1491)
    at HTMLElement.Object.defineProperty.set (properties-changed.js?2b39:153)
    at HTMLElement._sizeChanged (vaadin-grid-data-provider-mixin.js?c382:201)
    at Object.runMethodEffect [as fn]
 (property-effects.js?0662:819)
    at runEffectsForProperty (property-effects.js?0662:157)
    at runEffects (property-effects.js?0662:121)
    at HTMLElement._propertiesChanged (property-effects.js?0662:1692)
    at HTMLElement.s._propertiesChanged (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:1027)
    at HTMLElement._flushProperties (properties-changed.js?2b39:354)
    at HTMLElement._flushProperties (property-effects.js?0662:1536)
    at HTMLElement._invalidateProperties (property-effects.js?0662:1506)
    at HTMLElement._setProperty (property-effects.js?0662:1491)
    at HTMLElement.Object.defineProperty.set (properties-changed.js?2b39:153)
    at _x.ay [as F]
 (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:1027)
    at BB (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:523)
    at ix (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:935)
    at Vw (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:202)
    at ny.oy [as Nb]
 (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:1027)
    at Zx.$x [as F]
 (client-C4B53966888EAB6CBD0D20BD246409CB.cache.js:1027)

This error can appear when an old column is “refreshed” and has no grid attached (the undefined is the parent grid).
this.grid.updateHeaderFooterRowVisibility(footerCell.parentElement);
For example when you add and remove columns.

There is one issue here. It’s hard to say if it’s the same way to reproduce it but it’s related to the same code:

Basically the component is trying to refresh a column that have been removed.
https://github.com/vaadin/vaadin-grid/issues/2068

I’ve added a comment in the ticket.

One workaround is to recreate the grid, and replace the old one.

Jean-Christophe Gueriaud:
This error can appear when an old column is “refreshed” and has no grid attached (the undefined is the parent grid).
this.grid.updateHeaderFooterRowVisibility(footerCell.parentElement);
For example when you add and remove columns.

There is one issue here. It’s hard to say if it’s the same way to reproduce it but it’s related to the same code:

Basically the component is trying to refresh a column that have been removed.
https://github.com/vaadin/vaadin-grid/issues/2068

I’ve added a comment in the ticket.

One workaround is to recreate the grid, and replace the old one.

I upgraded the Vaadin Version to 14.1.28 to resolve it.