View Issue Details
ID | Project | Category | View Status | Date Submitted | Last Update |
---|---|---|---|---|---|
0021280 | mantisbt | ui | public | 2016-07-13 02:04 | 2016-10-02 18:41 |
Reporter | baier | Assigned To | dregad | ||
Priority | normal | Severity | tweak | Reproducibility | always |
Status | closed | Resolution | fixed | ||
Product Version | 1.3.0 | ||||
Target Version | 1.3.2 | Fixed in Version | 1.3.2 | ||
Summary | 0021280: Text boxes overlap on screens with high resolution | ||||
Description | "My Account" - text boxes overlap if window is maximized - all Browsers This also occurs when selecting Manage > Manage Tags or Manage Global Profiles. | ||||
Additional Information | debian 8.5, Apache 2.4.10, PHP 5.6.22 | ||||
Tags | No tags attached. | ||||
Attached Files | |||||
Please, post exact versions for OS and browsers. In my case, i cannot reproduce with 1.3.0 in Linux, latest firefox and chrome browsers |
|
Hi, |
|
baier, did you use an older version of Mantis before? |
|
I used version 1.2.19 before, but on a different server. I made a clean install of 1.3.0 on a new ESXi VM on debian 8.5. Then I copied the existing mysql database to the new server. Cleaning the browser cache doesn't help, I have the problem on different PCs and with different browsers (no matter which one I choose). |
|
By the way, atrol , the problem I described even exists in THIS/YOUR installation of mantisbt.org! |
|
I am not able to reproduce. What do you get when using IE11? |
|
I get the same error in IE11.420.10586.0. There are even more ui and styling errors in IE, for example there are no grey lines next to the violet ones at all. I didn't even care to report these bugs because IE will soon be discontinued, anyway. But the error that I submitted is obviously present in all browsers I commonly use in Windows. With "all" I mean: IE11.420.10586.0/Win10x64, Chrome Version 51.0.2704.106 m (64-bit)/Win10x64, Edge25.10586.0.0/Win10x64, Firefox ESR 45.2.0/Win7x64, Google Chrome Version 53.0.2785.8 dev-m (64-bit)/Win7x64 - these I have tested so far. |
|
Add Firefox 47.0.1/Win10x64 to the list above. |
|
Are you working on a system with high screen resolution,e.g. more than 1920 pixel horizontal? |
|
Yes, I do. On my Win10 PC I use a UHD/4k screen and on my Win7 machine a WQHD screen. |
|
This seems to casue the issue, in default.css: commit da7be28cff45f6534bb1aec8ec39a704a90a63c8 does not explain why 31% was used insted of 30% |
|
I can confirm the same behavior on my linux box with all browsers. |
|
My guess would be that it was an attempt to have the 'label-style' span (which sets the background color) cover the whole width of the 'display-label' span (with the text), taking its padding into consideration. I fiddled a bit with Firebug, and this appears to fix the issue; <pre> See attached label-style_overlap_fiddle.png for illustration. |
|
This fixed it for me. Thank you! |
|
Thanks for the feedback. |
|