Starting a PodeWebTab with a PodeWebCodeBlock breaks tab layout

[KeithALane]

Describe the Bug

Starting a PodeWebTab with a PodeWebCodeBlock causes only the border of other tabs to be clickable once clicking the problem tab. As a result, it may be difficult to navigate other tabs as the target area for the mouseover/hover is only 1px.  

Steps To Reproduce

New-PodeWebTab -Name UpdateXML -Layouts @(  
    #New-Podewebtext -Value "test"        
    New-PodeWebCodeBlock -Value "Test"
) #End Tab Update XML

Expected Behavior

Entire area of the tab should be hover/clickable as it is before clicking on the problem tab

Screenshots

Platform

• OS: Windows Server 2019 Standard
• Browser: Edge Version 130.0.2849.46
• Versions:
  • Pode: v2.9.0
  • Pode.Web: v0.8.3
  • PowerShell: v7.4.5

Additional Context

Adding another element before the PodeWebCodeBlock seems to fix the issue. See PodeWebtext in the example

[KeithALane]

Adding an element with -CssStyle @{'display'='none'} does not fix the issue. Neither does creating a -cssclass with display hidden.

[KeithALane]

Adding a

New-Podewebraw -Value "<!--Stop Tab Bug-->"

also didn't fix the issue.