Computer tab layout is not optimal with long location names
Code of Conduct
- [X] I agree to follow this project's Code of Conduct
Is there an existing issue for this?
- [X] I have searched the existing issues
Version
10.0.6
Bug description
When having long location name or a complex location hierarchie like "Country (plus some text) > State (plus some text) > City (plus some text) > Building (plus some text) > Floor (plus some text) > Room (plus some text)" and a computer is addigned to a location, the layout of the computer tab is not optimal and get larger than the webpage. Also if images are added for the computer model the textfields are hidden by the model images.
without location

with location

without location and with computer model images

with location and computer model images

Relevant log output
No response
Page URL
No response
Steps To reproduce
- Create a location hierarchie with many levels and/or long location names
- assign the location a computer
- assign a copmuter model with front and rear images
- open the computer tab
Your GLPI setup information
No response
Anything else?
No response
Hi,
I cannot reproduce your issue on GLPI 10.0.7

Can you try to reproduce? If issue persists, please give some information about the used browser (what browser, what version, what OS, ...).
Yes, I can reproduce it with GLPI 10.0.7. I'm using Windows 10 22H2 with Edge (112.0.1722.39 64-Bit) and Firefox (112.0 64-Bit). It seems more dependent on the aspect ratio of the browsers than the browsers itself. When changing the browser aspect ratios there are states where the described problems happens.
The only poblem that I am able to reproduce is an overflow issue on really small screen:

But I tested on Chrome 112.0 / Firefox 112.0 on Ubuntu.
Perhaps it also depends on the images. I attached the images.
As name of the location I used (so the complete name and the name are): "Country (plus some text) > State (plus some text) > City (plus some text) > Building (plus some text) > Floor (plus some text) > Room (plus some text)" I ignored the childlevels and just copied the full string as name of the location.

Perhaps it also depends on the images. I attached the images.
As name of the location I used (so the complete name and the name are): "Country (plus some text) > State (plus some text) > City (plus some text) > Building (plus some text) > Floor (plus some text) > Room (plus some text)" I ignored the childlevels and just copied the full string as name of the location.
![]()
Hello,
I tried to reproduce your bug in the current version of GLPI and it turns out that it has already been solved. Have you tried updating your GLPI?
This still happens for us on GLPI 10.0.12.