[Bug 2024188] Re: [octavia-dashboard] Add members to pool horizon pane rendering incorrectly

[Edward Hope-Morley]

** Also affects: cloud-archive
   Importance: Undecided
       Status: New

** Also affects: cloud-archive/yoga
   Importance: Undecided
       Status: New

** Also affects: octavia (Ubuntu)
   Importance: Undecided
       Status: New

** Also affects: octavia (Ubuntu Jammy)
   Importance: Undecided
       Status: New

-- 
You received this bug notification because you are a member of Ubuntu
OpenStack, which is subscribed to Ubuntu Cloud Archive.
https://bugs.launchpad.net/bugs/2024188

Title:
  [octavia-dashboard] Add members to pool horizon pane rendering
  incorrectly

Status in Ubuntu Cloud Archive:
  New
Status in Ubuntu Cloud Archive yoga series:
  New
Status in octavia:
  Fix Released
Status in octavia package in Ubuntu:
  New
Status in octavia source package in Jammy:
  New

Bug description:
  Reported by Rick Cano in
  https://storyboard.openstack.org/#!/story/2010793

  When going to add a member to a pool via the octavia ui, the text
  fields for weight and port number don't display correctly. This
  prevents us from adding members to a pool and from submitting the
  form. I have been able to reproduce this behavior on chrome and edge.
  However, it appears to work fine on Firefox. Will attach screenshot of
  what it looks like on chrome. Note the weight field getting stretched
  across the top.

  As for horizon ui version, so far, I have ran into this on Xena and
  Yoga

  
  Comments:

  Rick Cano 2023-06-16 at 02:07:26  
  I couldn't find a way to attach the image, so here's a imgur link to it:

  Rick Cano 2023-06-16 at 02:08:21   
  I couldn't find a way to attach the image so here's an imgur link to it: https://imgur.com/KeWNi7Y

  Gregory Thiemonge 2023-06-16 at 07:01:54
  Hi,

  This is really weird, the "Weight" input box is not in the right place but the "Remove" button looks ok (they are part of the same line in the table).
  What happens when you click on the expander (the icon at the left of the IP address in allocated members), do the elements look correct?

  I see that the IP address and Subnet fields of your allocated members
  don't look like the fields in my env, in my case I have disabled input
  boxes (there's an visible outline).

  What is your chrome version? what is your resolution (or the size of the window)? does it happen when you increase/decrease the size of the window?
  Any extensions that you could disable to check that they don't interfere with the dashboard?

  Rick Cano 2023-06-16 at 11:21:24
  Hi Gregory, I am getting this behavior on Chrome 114.0.5735.134. I did a fresh install with no extensions/addons turned on and saw the same problem. The windows was full screen and I did note that making it smaller makes it worse. My resolution is 1920x1080 and this is what it looks like if I click on the expander icon https://imgur.com/hEcdiIY

  Rick Cano 2023-06-16 at 11:24:23
  The form renders correctly on chrome 104.0.5112.102 (this was simply the most recent old version that I could easily get ahold of). It's from around August of 2022. I can't say what changed specifically in Chrome between then and now to cause this. Do you think this is something we'll be able to remediate on our end? Or would it be a broader horizon/openstack-dashboard issue?

To manage notifications about this bug go to:
https://bugs.launchpad.net/cloud-archive/+bug/2024188/+subscriptions