xAxis gridLines overflow when using mouse wheel zoom about highcharts

[TorsteinHonsi]

Controlled demo without mouse wheel:

• Column chart: https://jsfiddle.net/highcharts/pnetcy5j/1/
• Bar chart: https://jsfiddle.net/highcharts/pnetcy5j/

Related to #20166 and this code:

highcharts/ts/Core/Axis/Tick.ts

Lines 831 to 840 in 65f21ce

	// Anything that is not between `axis.pos` and `axis.pos + axis.length`
	// should not be visible (#20166). The `correctFloat` is for reversed
	// axes in Safari.
	if (
	!axis.chart.polar &&
	tick.isNew &&
	(correctFloat(pxPos) < axisStart || pxPos > axisEnd)
	) {
	opacity = 0;
	}