Hello, I'm a University of Utah student working on Ladybird as part of my final project for CS 4560 Web Browser Internals. While using the browser, I found a bug in how it displays a search bar of certain web pages, specifically the length of the search bar (pictured below are how Chrome displays the search bar and how Ladybird displays the same search bar)

Chrome:

Ladybird:

I minimized the bug down to this simple html and css. Screenshots of how Chrome and Ladybird render this webpage are below

<style>
  .sb-input{
    width:100%;
  }
  .sb-nav__secondary{
    position:absolute;
  }
</style>
<div class="sb-nav__secondary">
      <input class="sb-input"/>
</div>

Chrome:

Ladybird:

I am interested in taking a stab at resolving this issue. I am not super familiar with the code yet, but I’d appreciate any pointers on how to proceed if anyone has ideas, thanks!