Focus on Release Notes input not working properly
Summary
When entering content into the Release notes input on the Create a Release page, the input box seems to cut into the input on Google Chrome:
Steps to reproduce
- Visit the Create a Release page under Deployments -> Releases -> New Release.
- Focus in on the Release notes input.
What is the current bug behavior?
- The current focus is cutting into the input box.
What is the expected correct behavior?
- The focus should go around the outside of the box as per https://design.gitlab.com/patterns/forms.
Relevant logs and/or screenshots
Output of checks
Results of GitLab environment info
Expand for output related to GitLab environment info
(For installations with omnibus-gitlab package run and paste the output of: `sudo gitlab-rake gitlab:env:info`) (For installations from source run and paste the output of: `sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)
Results of GitLab application Check
Expand for output related to the GitLab application check
(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true
)(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true
)(we will only investigate if the tests are passing)
Possible fixes
In app/assets/javascripts/releases/components/app_edit_new.vue
, the markdown field is on line 216. The div
adding the bordered-box
class needs to be removed completely, and the common-note-form
class needs to be added to the gl-form-group
.
Edited by Andrew Fontaine