window.visualViewport error on CreditUnion1.org

For support with specific websites

Moderator: trava90

Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
User avatar
OmegaPaladin
Hobby Astronomer
Hobby Astronomer
Posts: 26
Joined: 2020-09-21, 21:26

window.visualViewport error on CreditUnion1.org

Unread post by OmegaPaladin » 2023-09-19, 08:09

My Credit Union (creditunion1.org) has dropdown boxes in a funds transfer tool which formerly worked in Pale Moon, but no longer work. They cannot be interacted with, and any attempt to do so causes the following error in the console.

Code: Select all

TypeError: window.visualViewport is undefined
Stack trace:
addViewportListeners@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-721d0aee.entry.js:1:10601
openChanged@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-721d0aee.entry.js:1:10198
set/</<@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8709
set/<@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8692
set@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8759
k@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:1865
O@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:2459
E@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:3862
E/<@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4108
E@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4687
E/<@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4108
E@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4687
_/<@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:7152
_@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:7746
V@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:6724
H/<@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:6196
I@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8156
H@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:6187
D/<@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:5979
ge@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:2:543
ve@https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:2:605
 <q2-popover block="" stencil-hydrated="">  
p-926a3e80.js:1:11754
	re https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:11754
	set/</< https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8726
	set/< https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8692
	set https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8759
	k https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:1865
	O https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:2459
	E https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:3862
	E/< https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4108
	E https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4687
	E/< https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4108
	E https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:4687
	_/< https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:7152
	_ https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:7746
	V https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:6724
	H/< https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:6196
	I https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:8156
	H https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:6187
	D/< https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:1:5979
	ge https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:2:543
	ve https://cdn1.onlineaccess1.com/cdn/base/tecton/v1.25.2/q2-tecton-elements/q2-tecton-elements/p-926a3e80.js:2:605
Top
User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 37518
Joined: 2011-08-28, 17:27
Location: Motala, SE

Re: window.visualViewport error on CreditUnion1.org

Unread post by Moonchild » 2023-09-19, 15:09

Another API nobody asked for, and another API that provides detailed (tele)metrics to page content. Why does the web need another API for this when there are already things like documentElement.clientWidth and similar?

Needless to say, we don't have support for this API. if they rely on it being present without fallback, then you can't use Pale Moon for it at the moment.
"A dead end street is a place to turn around and go into a new direction" - Anonymous
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
Top
vannilla
Moon Magic practitioner
Moon Magic practitioner
Posts: 2387
Joined: 2018-05-05, 13:29

Re: window.visualViewport error on CreditUnion1.org

Unread post by vannilla » 2023-09-20, 07:25

The mobile web contains two viewports, the layout viewport and the visual viewport. The layout viewport covers all the elements on a page and the visual viewport is what is actually visible on the screen. When the user pinch-zooms into the page, the visual viewport shrinks but the layout viewport is unchanged.
Oh wow. I understand what they are trying to do and on paper it isn't a bad thing, but realistically nobody would follow this guideline and will simply blanket use it even when unnecessary.
Although, looking at the error messages, this seems to be another case of frameworks adopting something simply because it's there.
Top
User avatar
OmegaPaladin
Hobby Astronomer
Hobby Astronomer
Posts: 26
Joined: 2020-09-21, 21:26

Re: window.visualViewport error on CreditUnion1.org

Unread post by OmegaPaladin » 2023-09-22, 14:49

This use seems particularly bizarre - dropdown selection lists seem entirely unrelated to that stated purpose.

I've been a customer at this place for over a decade - if there is an easy, drop-in replacement I might have a chance of getting a positive response.
Top
vannilla
Moon Magic practitioner
Moon Magic practitioner
Posts: 2387
Joined: 2018-05-05, 13:29

Re: window.visualViewport error on CreditUnion1.org

Unread post by vannilla » 2023-09-22, 18:22

OmegaPaladin wrote: ↑
2023-09-22, 14:49
 This use seems particularly bizarre - dropdown selection lists seem entirely unrelated to that stated purpose.

I've been a customer at this place for over a decade - if there is an easy, drop-in replacement I might have a chance of getting a positive response.
I think the dropdowns do not work as a consequence of the error, not because they use this feature specifically.
Trying to keep things simple: these dropdowns require a piece of code to work, but this code is never activated because the error happens. It's a little bit more complex because there are ways to make things work anyway, but that's the bottom line.

The drop-in replacement is using the elements that have existed since the 90s, but that would require throwing away the sink, the kitchen amd the whole plumbing, and I doubt they are going to do that.
Top
User avatar
adoxa
Lunatic
Lunatic
Posts: 399
Joined: 2019-03-16, 13:26
Location: Qld, Aus.

Re: window.visualViewport error on CreditUnion1.org

Unread post by adoxa » 2023-09-23, 01:59

You may be able to get away with entering this in the console:

Code: Select all

window.visualViewport={addEventListener:()=>{},removeEventListener:()=>{}}
Top

Return to “Web Compatibility Support”