Skip to content

Fix: new project cicd page autofill issue

What does this MR do and why?

related to #383237 (closed)

In 'new project' -'Run CI/CD pipelines for external repositories' page, Project slug does not autofill when entered in Project name.

First of all, on the new project page (select the method page), all dom are placed in the invisible div, and the dom of the active tab will be moved to the visible div, which is ahead of other inactive tab dom. Since there are multiple elements with the same id, the first one is selected by default when using the id selector.

The bindEvents function is used to get the element and then bind the event. This function is executed before moving the dom, so only the first dom is bound to the event

This mr is changed to execute the method after moving the dom, so as to ensure that the active element can be correctly bound to the event

/cc @JeremyWuuuuu @prajnamas @orozot @qk44077907

Describe in detail what your merge request does and why.

Screenshots or screen recordings

before after
image image
1669185815681 1669185621539

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

How to set up and validate locally

  1. Click 'New project' and choose 'Run CI/CD for external repository'. image
  2. input project name
  3. Observed. Project slug does not autofill

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Lixin Wan

Merge request reports