Skip to content

[Feature flag] Enable Setting in GitLab UI Config for using improved hide heuristics

Summary

This issue is Step 2 of the Epic &14444.

The task is to add and activate the feature flag in gitlab, which sets a flag for using the improved hide heuristics in the gitlab-ui config. This part has been done in gitlab-ui#2798 (closed).

During development, we'll make a sample test of dropdowns and flyouts to check if they are working properly when supporting both click and focusin events.

The plan is to enable the feature flag first only for GitLab members, then for everybody waiting for any sudden errors reported on pages with the components.

Afterwards, we wait for up to a day to wait for error reports. If there are no complaints, we enable the feature flag for all users. We wait for up to a day to wait for error reports. If there are no complaints, this issue is done.

This issue is to roll out the improved hide heuristics on production, that is currently behind the improved_hide_heuristics feature flag.

Sample test of Dropdowns

Example URL Before After
GlDisclosureDropdown admin/users Screen_Recording_2024-08-05_at_13.56.15 Screen_Recording_2024-08-05_at_13.55.20
GlDisclosureDropdown admin/users Screen_Recording_2024-08-05_at_14.10.47 Screen_Recording_2024-08-05_at_14.08.19
GlCollapsibleListbox admin/topics Screen_Recording_2024-08-05_at_15.04.30 Screen_Recording_2024-08-05_at_15.06.14
GlCollapsibleListbox Projects Screen_Recording_2024-08-05_at_15.10.31 Screen_Recording_2024-08-05_at_15.07.56

Owners

  • Most appropriate Slack channel to reach out to: #gitlab-ui
  • Best individual to reach out to: @vanessaotto

Expectations

What are we expecting to happen?

The components GlDisclosureDropdown and GlCollapsibleList can be closed with focusin and click.

What can go wrong and how would we detect it?

We don't expect anything to go wrong with it. We want to monitor any error reports about dropdowns for only a short amount of time.

Rollout Steps

Note: Please make sure to run the chatops commands in the Slack channel that gets impacted by the command.

Rollout on non-production environments

  • Verify the MR with the feature flag is merged to master and have been deployed to non-production environments with /chatops run auto_deploy status <merge-commit-of-your-feature>
  • Deploy the feature flag at a percentage (recommended percentage: 50%) with /chatops run feature set <feature-flag-name> <rollout-percentage> --actors --dev --pre --staging --staging-ref
  • Monitor that the error rates did not increase (repeat with a different percentage as necessary).
  • Enable the feature globally on non-production environments with /chatops run feature set <feature-flag-name> true --dev --pre --staging --staging-ref
  • Verify that the feature works as expected. The best environment to validate the feature in is staging-canary as this is the first environment deployed to. Make sure you are configured to use canary.
  • If the feature flag causes end-to-end tests to fail, disable the feature flag on staging to avoid blocking deployments.
    • See #qa-staging Slack channel and look for the following messages:
      • test kicked off: Feature flag <feature-flag-name> has been set to true on **gstg**
      • test result: This pipeline was triggered due to toggling of <feature-flag-name> feature flag

For assistance with end-to-end test failures, please reach out via the #test-platform Slack channel. Note that end-to-end test failures on staging-ref don't block deployments.

Specific rollout on production

For visibility, all /chatops commands that target production should be executed in the #production Slack channel and cross-posted (with the command results) to the responsible team's Slack channel.

  • Ensure that the feature MRs have been deployed to both production and canary with /chatops run auto_deploy status <merge-commit-of-your-feature>
  • Depending on the type of actor you are using, pick one of these options:
    • For project-actor: /chatops run feature set --project=gitlab-org/gitlab,gitlab-org/gitlab-foss,gitlab-com/www-gitlab-com <feature-flag-name> true
    • For group-actor: /chatops run feature set --group=gitlab-org,gitlab-com <feature-flag-name> true
    • For user-actor: /chatops run feature set --user=<gitlab-username-of-dri> <feature-flag-name> true
  • Verify that the feature works for the specific actors.

Preparation before global rollout

  • Set a milestone to this rollout issue to signal for enabling and removing the feature flag when it is stable.
  • Check if the feature flag change needs to be accompanied with a change management issue. Cross link the issue here if it does.
  • Ensure that you or a representative in development can be available for at least 2 hours after feature flag updates in production. If a different developer will be covering, or an exception is needed, please inform the oncall SRE by using the @sre-oncall Slack alias.
  • Ensure that documentation exists for the feature, and the version history text has been updated.
  • Leave a comment on the feature issue announcing estimated time when this feature flag will be enabled on GitLab.com.
  • Ensure that any breaking changes have been announced following the release post process to ensure GitLab customers are aware.
  • Notify the #support_gitlab-com Slack channel and your team channel (more guidance when this is necessary in the dev docs).
  • Ensure that the feature flag rollout plan is reviewed by another developer familiar with the domain.

Global rollout on production

For visibility, all /chatops commands that target production should be executed in the #production Slack channel and cross-posted (with the command results) to the responsible team's Slack channel (#<slack-channel-of-dri-team>).

  • (Optional) Incrementally roll out the feature on production environment.
    • Between every step wait for at least 15 minutes and monitor the appropriate graphs on https://dashboards.gitlab.net.
    • Perform actor-based rollout: /chatops run feature set <feature-flag-name> <rollout-percentage> --actors
  • Enable the feature globally on production environment: /chatops run feature set <feature-flag-name> true
  • Observe appropriate graphs on https://dashboards.gitlab.net and verify that services are not affected.
  • Leave a comment on [the feature issue][main-issue] announcing that the feature has been globally enabled.
  • Wait for at least one day for the verification term.

(Optional) Release the feature with the feature flag

WARNING: This approach has the downside that it makes it difficult for us to clean up the flag. For example, on-premise users could disable the feature on their GitLab instance. But when you remove the flag at some point, they suddenly see the feature as enabled and they can't roll it back to the previous behavior. To avoid this potential breaking change, use this approach only for urgent matters.

See instructions if you're sure about enabling the feature globally through the feature flag definition

If you're still unsure whether the feature is deemed stable but want to release it in the current milestone, you can change the default state of the feature flag to be enabled. To do so, follow these steps:

  • Create a merge request with the following changes. Ask for review and merge it.
    • If feature was enabled for various actors, ensure the feature has been enabled globally on production /chatops run feature get <feature-flag-name>. If the feature has not been globally enabled then enable the feature globally using: /chatops run feature set <feature-flag-name> true
    • Set the default_enabled attribute in the feature flag definition to true.
    • Decide which changelog entry is needed.
  • Ensure that the default-enabling MR has been included in the release package. If the merge request was deployed before the monthly release was tagged, the feature can be officially announced in a release blog post: /chatops run release check <merge-request-url> <milestone>
  • Consider cleaning up the feature flag from all environments by running these chatops command in #production channel. Otherwise these settings may override the default enabled: /chatops run feature delete <feature-flag-name> --dev --pre --staging --staging-ref --production
  • Close [the feature issue][main-issue] to indicate the feature will be released in the current milestone.
  • Set the next milestone to this rollout issue for scheduling the flag removal.
  • (Optional) You can create a separate issue for scheduling the steps below to Release the feature.
    • Set the title to "[Feature flag] Cleanup <feature-flag-name>".
    • Execute the /copy_metadata <this-rollout-issue-link> quick action to copy the labels from this rollout issue.
    • Link this rollout issue as a related issue.
    • Close this rollout issue.

Release the feature

After the feature has been deemed stable, the clean up should be done as soon as possible to permanently enable the feature and reduce complexity in the codebase.

You can either create a follow-up issue for Feature Flag Cleanup or use the checklist below in this same issue.

  • Create a merge request to remove the <feature-flag-name> feature flag. Ask for review/approval/merge as usual. The MR should include the following changes:
    • Remove all references to the feature flag from the codebase.
    • Remove the YAML definitions for the feature from the repository.
    • Create a changelog entry.
  • Ensure that the cleanup MR has been included in the release package. If the merge request was deployed before the monthly release was tagged, the feature can be officially announced in a release blog post: /chatops run release check <merge-request-url> <milestone>
  • Close [the feature issue][main-issue] to indicate the feature will be released in the current milestone.
  • Clean up the feature flag from all environments by running these chatops command in #production channel: /chatops run feature delete <feature-flag-name> --dev --pre --staging --staging-ref --production
  • Close this rollout issue.

Rollback Steps

  • This feature can be disabled on production by running the following Chatops command:
/chatops run feature set <feature-flag-name> false
  • Disable the feature flag on non-production environments:
/chatops run feature set <feature-flag-name> false --dev --pre --staging --staging-ref
  • Delete feature flag from all environments:
/chatops run feature delete <feature-flag-name> --dev --pre --staging --staging-ref --production
Edited by Vanessa Otto