[JENKINS-75273] Overlapping graphical components when list of views span multiple lines

[jenkins-infra-bot]

I'm observing the following graphical errors when I have multiple lines of views.

 

The active builds button extends outside the underlying container:

The "add description" button extends into the view container.

---

Originally reported by moni_gomspace, imported from: Overlapping graphical components when list of views span multiple lines

• assignee: janfaracik
• status: Resolved
• priority: Trivial
• component(s): core
• label(s): UX
• resolution: Fixed
• resolved: 2025-03-08T19:59:02+00:00
• votes: 0
• watchers: 4
• imported: 2025-11-24

Raw content of original issue

I'm observing the following graphical errors when I have multiple lines of views.

 

The active builds button extends outside the underlying container:



The "add description" button extends into the view container.

environment

Jenkins: 2.497<br/>
OS: Linux - 5.15.0-131-generic<br/>
Java: 17.0.14 - Eclipse Adoptium (OpenJDK 64-Bit Server VM)<br/>
---<br/>
Office-365-Connector:5.0.0<br/>
allure-jenkins-plugin:2.32.0<br/>
analysis-model-api:12.9.1<br/>
ansicolor:1.0.6<br/>
ant:511.v0a_a_1a_334f41b_<br/>
antisamy-markup-formatter:162.v0e6ec0fcfcf6<br/>
apache-httpcomponents-client-4-api:4.5.14-269.vfa_2321039a_83<br/>
apache-httpcomponents-client-5-api:5.4-136.v5a_21779c63f8<br/>
asm-api:9.7.1-97.v4cc844130d97<br/>
audit-trail:382.vf64d6f626060<br/>
authentication-tokens:1.119.v50285141b_7e1<br/>
aws-credentials:243.v41c19a_fb_5dcf<br/>
aws-java-sdk:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-api-gateway:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-autoscaling:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-cloudformation:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-cloudfront:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-cloudwatch:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-codebuild:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-codedeploy:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-ec2:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-ecr:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-ecs:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-efs:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-elasticbeanstalk:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-elasticloadbalancingv2:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-iam:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-kinesis:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-lambda:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-logs:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-minimal:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-organizations:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-secretsmanager:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-sns:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-sqs:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk-ssm:1.12.772-477.v650d756dcf6d<br/>
aws-java-sdk2-core:2.30.10-22.v1339d66b_e0f4<br/>
aws-java-sdk2-ec2:2.30.10-22.v1339d66b_e0f4<br/>
bootstrap5-api:5.3.3-1<br/>
bouncycastle-api:2.30.1.80-256.vf98926042a_9b_<br/>
branch-api:2.1214.v3f652804588d<br/>
build-monitor-plugin:1.14-961.v676e38a_7a_248<br/>
build-name-setter:2.5.0<br/>
build-timeout:1.35<br/>
build-with-parameters:76.v9382db_f78962<br/>
caffeine-api:3.1.8-133.v17b_1ff2e0599<br/>
checks-api:2.2.2<br/>
cloudbees-folder:6.982.vf165a_16c9507<br/>
command-launcher:118.v72741845c17a_<br/>
commons-compress-api:1.27.1-2<br/>
commons-httpclient3-api:3.1-3<br/>
commons-lang3-api:3.17.0-84.vb_b_938040b_078<br/>
commons-text-api:1.13.0-153.v91dcd89e2a_22<br/>
conditional-buildstep:1.5.0<br/>
copyartifact:765.v0357cc6e6eb_3<br/>
coverage:1.16.1<br/>
credentials:1408.va_622a_b_f5b_1b_1<br/>
credentials-binding:687.v619cb_15e923f<br/>
dark-theme:524.vd675b_22b_30cb_<br/>
dashboard-view:2.528.v3470c02b_d7c9<br/>
data-tables-api:2.1.8-1<br/>
display-url-api:2.209.v582ed814ff2f<br/>
docker-commons:445.v6b_646c962a_94<br/>
docker-workflow:595.v60cec912059b_<br/>
dtkit-api:3.0.3<br/>
durable-task:581.v299a_5609d767<br/>
echarts-api:5.5.1-5<br/>
eddsa-api:0.3.0-4.v84c6f0f4969e<br/>
email-ext:1876.v28d8d38315b_d<br/>
emailext-template:224.va_f6a_ecd5d46e<br/>
external-monitor-job:221.v35059272565b_<br/>
extra-columns:1.27<br/>
ez-templates:1.3.5<br/>
font-awesome-api:6.6.0-2<br/>
forensics-api:2.7.0<br/>
generic-webhook-trigger:2.3.1<br/>
git:5.7.0<br/>
git-client:6.1.1<br/>
git-parameter:0.11.0<br/>
git-server:126.v0d945d8d2b_39<br/>
github:1.41.0<br/>
github-api:1.321-478.vc9ce627ce001<br/>
gradle:2.14<br/>
gson-api:2.12.1-113.v347686d6729f<br/>
htmlpublisher:1.37<br/>
instance-identity:201.vd2a_b_5a_468a_a_6<br/>
ionicons-api:74.v93d5eb_813d5f<br/>
jackson2-api:2.17.0-379.v02de8ec9f64c<br/>
jakarta-activation-api:2.1.3-1<br/>
jakarta-mail-api:2.1.3-1<br/>
javadoc:310.v032f3f16b_0f8<br/>
javax-activation-api:1.2.0-7<br/>
javax-mail-api:1.6.2-10<br/>
jaxb:2.3.9-1<br/>
jdk-tool:83.v417146707a_3d<br/>
jobConfigHistory:1302.va_65b_ccb_fde71<br/>
joda-time-api:2.13.1-115.va_6b_5f8efb_1d8<br/>
jquery:1.12.4-3<br/>
jquery3-api:3.7.1-2<br/>
jsch:0.2.16-86.v42e010d9484b_<br/>
json-api:20250107-125.v28b_a_ffa_eb_f01<br/>
json-path-api:2.9.0-148.v22a_7ffe323ce<br/>
junit:1314.vd966e9a_88895<br/>
ldap:776.vddf3e325103b_<br/>
leastload:62.vfa_8830902733<br/>
lockable-resources:1349.v8b_ccb_c5487f7<br/>
log-parser:2.3.7<br/>
mail-watcher-plugin:1.19<br/>
mailer:489.vd4b_25144138f<br/>
matrix-auth:3.2.4<br/>
matrix-project:845.vffd7fa_f27555<br/>
maven-plugin:3.25<br/>
metrics:4.2.21-461.v881e35d8fa_b_a_<br/>
mina-sshd-api-common:2.14.0-143.v2b_362fc39576<br/>
mina-sshd-api-core:2.14.0-143.v2b_362fc39576<br/>
nodelabelparameter:1.14.0<br/>
okhttp-api:4.11.0-183.va_87fc7a_89810<br/>
oss-symbols-api:296.v4981240eeb_1a_<br/>
pam-auth:1.11<br/>
parameterized-trigger:840.v3c7d4a_a_5e6c7<br/>
permissive-script-security:0.7<br/>
pipeline-agent-build-history:100.v42603a_8d8477<br/>
pipeline-build-step:555.v589d5c24a_3d6<br/>
pipeline-github-lib:61.v629f2cc41d83<br/>
pipeline-graph-analysis:216.vfd8b_ece330ca_<br/>
pipeline-graph-view:409.v98f212e980b_4<br/>
pipeline-groovy-lib:752.vdddedf804e72<br/>
pipeline-input-step:513.v7eb_fe7e2c0fc<br/>
pipeline-milestone-step:119.vdfdc43fc3b_9a_<br/>
pipeline-model-api:2.2221.vc657003fb_d93<br/>
pipeline-model-definition:2.2221.vc657003fb_d93<br/>
pipeline-model-extensions:2.2221.vc657003fb_d93<br/>
pipeline-rest-api:2.36<br/>
pipeline-stage-step:312.v8cd10304c27a_<br/>
pipeline-stage-tags-metadata:2.2221.vc657003fb_d93<br/>
pipeline-stage-view:2.36<br/>
pipeline-utility-steps:2.18.0<br/>
plain-credentials:183.va_de8f1dd5a_2b_<br/>
plugin-util-api:5.1.0<br/>
postbuild-task:1.9<br/>
postbuildscript:3.4.1-695.vf6b_0b_8053979<br/>
prism-api:1.29.0-18<br/>
publish-over:0.22<br/>
publish-over-ssh:387.vec3df0f668cd<br/>
resource-disposer:0.25<br/>
run-condition:243.v3c3f94e46a_8b_<br/>
scm-api:703.v72ff4b_259600<br/>
script-security:1373.vb_b_4a_a_c26fa_00<br/>
simple-theme-plugin:202.v6367d3dea_73b_<br/>
slack:761.v2a_8770f0d169<br/>
snakeyaml-api:2.3-123.v13484c65210a_<br/>
ssh:158.ve2a_e90fb_7319<br/>
ssh-agent:376.v8933585c69d3<br/>
ssh-credentials:349.vb_8b_6b_9709f5b_<br/>
ssh-slaves:3.1031.v72c6b_883b_869<br/>
sshd:3.353.v2b_d33c46e970<br/>
structs:338.v848422169819<br/>
theme-manager:278.v2e3c063e42cc<br/>
throttle-concurrents:2.16<br/>
timestamper:1.28<br/>
token-macro:444.v52de7e9c573d<br/>
trilead-api:2.147.vb_73cc728a_32e<br/>
variant:70.va_d9f17f859e0<br/>
versioncolumn:320.v6b_b_814ca_01f7<br/>
view-job-filters:392.v2c0a_4dd46909<br/>
warnings-ng:11.12.0<br/>
workflow-aggregator:600.vb_57cdd26fdd7<br/>
workflow-api:1363.v03f731255494<br/>
workflow-basic-steps:1079.vce64b_a_929c5a_<br/>
workflow-cps:4018.vf02e01888da_f<br/>
workflow-durable-task-step:1405.v1fcd4a_d00096<br/>
workflow-job:1505.vea_4b_20a_4a_495<br/>
workflow-multibranch:800.v5f0a_a_660950e<br/>
workflow-scm-step:427.v4ca_6512e7df1<br/>
workflow-step-api:686.v603d058a_e148<br/>
workflow-support:946.v2a_79d8a_4b_e14<br/>
ws-cleanup:0.48<br/>
xunit:3.1.5<br/>

2 attachments

• image-2025-02-13-08-44-34-688.png

  

• image-2025-02-13-08-44-59-367.png

  

[jenkins-infra-bot]

• Remote links associated with this issue:

  • Culprit: PR-10198
  • Fix in PR 10312
  • Tabs border radius issue fixed in Jenkins 2.499

[jenkins-infra-bot]

markewaite:

• Original comment link
• Raw content of original comment:

  Thanks for the report.  The same issue is visible on the most recent LTS, Jenkins 2.492.1.
  
  I spoke too soon.  I don't see the left most view name extending outside the container.  I do see that there is no space between the "Add description" button and the container that includes the list of views.  I'm using Google Chrome 133.0.6943.60 on Windows.  Which browser and version are you using?
  

Thanks for the report. The same issue is visible on the most recent LTS, Jenkins 2.492.1.

I spoke too soon. I don't see the left most view name extending outside the container. I do see that there is no space between the "Add description" button and the container that includes the list of views. I'm using Google Chrome 133.0.6943.60 on Windows. Which browser and version are you using?

[jenkins-infra-bot]

moni_gomspace:

• Original comment link
• Raw content of original comment:

  My browser is Brave Version 1.75.175 Chromium: 133.0.6943.54 (Official Build) (64-bit) on Ubuntu 24.04.2.
  
  The same is apparent on Google Chrome Version 133.0.6943.98 (Official Build) (64-bit) on Ubuntu 24.04.2.
  

My browser is Brave Version 1.75.175 Chromium: 133.0.6943.54 (Official Build) (64-bit) on Ubuntu 24.04.2.

The same is apparent on Google Chrome Version 133.0.6943.98 (Official Build) (64-bit) on Ubuntu 24.04.2.

[jenkins-infra-bot]

janfaracik:

• Original comment link
• Raw content of original comment:

  Opened https://github.com/jenkinsci/jenkins/pull/10312/files to address the tabs border radius issue. 
  

Opened https://github.com/jenkinsci/jenkins/pull/10312/files to address the tabs border radius issue. 

[jenkins-infra-bot]

moni_gomspace:

• Original comment link
• Raw content of original comment:

  markewaite not sure this is completely fixed. I think janfaracik fixed the border radius of the views, but the "add description" button is still very close, if not overlapping, with the other element.
  

markewaite not sure this is completely fixed. I think janfaracik fixed the border radius of the views, but the "add description" button is still very close, if not overlapping, with the other element.

[jenkins-infra-bot]

mawinter69:

• Original comment link
• Raw content of original comment:

  opened Add some margin below Add/Edit description button #10386 that adds some margin below the button
  

opened #10386 that adds some margin below the button