opf · myabc · Jul 9, 2026 · May 11, 2026 · May 13, 2026 · May 13, 2026
diff --git a/.changeset/soft-stamps-camp.md b/.changeset/soft-stamps-camp.md
@@ -0,0 +1,5 @@
+---
+"@openproject/primer-view-components": patch
+---
+
+Accept keyword arguments in `render_in` methods
diff --git a/.changeset/thirty-cougars-matter.md b/.changeset/thirty-cougars-matter.md
@@ -0,0 +1,5 @@
+---
+"@openproject/primer-view-components": patch
+---
+
+Revert Dialog body scroll-lock styling from broad `:has(...)` to explicit body classes
diff --git a/.changeset/update-clipboard-copy-element.md b/.changeset/update-clipboard-copy-element.md
@@ -0,0 +1,5 @@
+---
+"@openproject/primer-view-components": patch
+---
+
+Update `@github/clipboard-copy-element` to v1.3.1
diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
@@ -30,7 +30,7 @@ jobs:
 
     - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
       with:
-        node-version: 20
+        node-version: 24
         cache: 'npm'
     - run: |
         npm ci

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -24,7 +24,7 @@ jobs:
           bundler-cache: true
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: "npm"
       - name: Create .gem credentials
         run: |

diff --git a/.github/workflows/static-files.yml b/.github/workflows/static-files.yml
@@ -30,7 +30,7 @@ jobs:
           bundler-cache: true
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: 'npm'
       - name: Build
         run: npm ci

diff --git a/.github/workflows/test-accessibility.yml b/.github/workflows/test-accessibility.yml
@@ -32,7 +32,7 @@ jobs:
           bundler-cache: true
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: "npm"
           cache-dependency-path: |
             package-lock.json

diff --git a/.github/workflows/test-components.yml b/.github/workflows/test-components.yml
@@ -49,7 +49,7 @@ jobs:
           cache-version: ${{ matrix.rails_version }}-${{ matrix.ruby_version }}
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: "npm"
       - name: Build
         run: |

diff --git a/.github/workflows/test-lib.yml b/.github/workflows/test-lib.yml
@@ -49,7 +49,7 @@ jobs:
           cache-version: ${{ matrix.rails_version }}-${{ matrix.ruby_version }}
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: "npm"
       - name: Build
         run: |

diff --git a/.github/workflows/test-selectors.yml b/.github/workflows/test-selectors.yml
@@ -30,7 +30,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: "npm"
       - name: NPM Build
         run: npm ci

diff --git a/.github/workflows/test-system.yml b/.github/workflows/test-system.yml
@@ -38,7 +38,7 @@ jobs:
           bundler-cache: true
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: "npm"
           cache-dependency-path: |
             package-lock.json

diff --git a/.github/workflows/test-visual.yml b/.github/workflows/test-visual.yml
@@ -33,7 +33,7 @@ jobs:
           bundler-cache: true
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5
         with:
-          node-version: 20
+          node-version: 24
           cache: "npm"
           cache-dependency-path: |
             package-lock.json

diff --git a/Gemfile b/Gemfile
@@ -31,7 +31,7 @@ else
 end
 
 # Use Puma as the app server
-gem "puma", "~> 8.0.1"
+gem "puma", "~> 8.0.2"
 
 # Reduces boot times through caching; required in config/boot.rb
 gem "bootsnap", ">= 1.4.2", require: false
@@ -47,7 +47,7 @@ gem "kramdown", "~> 2.5"
 gem "sourcemap", "~> 0.1"
 
 gem "cssbundling-rails", "~> 1.4"
-gem "vite_rails", "~> 3.0"
+gem "vite_rails", "~> 3.11"
 
 group :test do
   gem "webmock"
@@ -78,5 +78,5 @@ group :development do
   gem "sprockets-rails"
   gem "thor"
   gem "timecop"
-  gem "yard", "~> 0.9.43"
+  gem "yard", "~> 0.9.44"
 end
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -187,14 +187,14 @@ GEM
       date
       stringio
     public_suffix (7.0.5)
-    puma (8.0.1)
+    puma (8.0.2)
       nio4r (~> 2.0)
     racc (1.8.1)
     rack (3.2.6)
     rack-cors (3.0.0)
       logger
       rack (>= 3.0.14)
-    rack-proxy (0.7.7)
+    rack-proxy (0.8.3)
       rack
     rack-session (2.1.2)
       base64 (>= 0.1.0)
@@ -310,7 +310,7 @@ GEM
       actionview (>= 7.1.0)
       activesupport (>= 7.1.0)
       concurrent-ruby (~> 1)
-    vite_rails (3.10.0)
+    vite_rails (3.11.1)
       railties (>= 5.1, < 9)
       vite_ruby (~> 3.0, >= 3.2.2)
     vite_ruby (3.10.2)
@@ -331,7 +331,7 @@ GEM
     websocket-extensions (0.1.5)
     xpath (3.2.0)
       nokogiri (~> 1.8)
-    yard (0.9.43)
+    yard (0.9.44)
     zeitwerk (2.7.5)
 
 PLATFORMS
@@ -365,7 +365,7 @@ DEPENDENCIES
   minitest (~> 5.0)
   mocha
   openproject-primer_view_components!
-  puma (~> 8.0.1)
+  puma (~> 8.0.2)
   rack-cors
   railties (= 8.0.2)
   rake (~> 13.3)
@@ -383,9 +383,9 @@ DEPENDENCIES
   thor
   timecop
   view_component (= 4.9.0)
-  vite_rails (~> 3.0)
+  vite_rails (~> 3.11)
   webmock
-  yard (~> 0.9.43)
+  yard (~> 0.9.44)
 
 BUNDLED WITH
    2.5.5
diff --git a/app/components/primer/alpha/dialog.pcss b/app/components/primer/alpha/dialog.pcss
@@ -21,8 +21,11 @@
   syntax: "<length>";
 }
 
-body:has(dialog:modal.Overlay--disableScroll) {
+body.has-modal {
   padding-right: var(--dialog-scrollgutter) !important;
+}
+
+body.has-modal-disable-scroll {
   overflow: hidden !important;
 }
 

diff --git a/app/components/primer/alpha/tree_view/sub_tree_node.rb b/app/components/primer/alpha/tree_view/sub_tree_node.rb
@@ -182,7 +182,7 @@ def initialize(
           )
         end
 
-        def render_in(*args, &block)
+        def render_in(*args, **_kwargs, &block)
           super.tap do
             # check this _after_ rendering so @sub_tree's slots are defined
             if @node.select_variant != :none && @sub_tree.defer?

diff --git a/app/components/primer/alpha/tree_view/visual.rb b/app/components/primer/alpha/tree_view/visual.rb
@@ -17,7 +17,7 @@ def initialize(id:, visual:, label: nil)
           @label = label
         end
 
-        def render_in(_view_context, &block)
+        def render_in(_view_context, **_kwargs, &block)
           block&.call(@visual)
           super
         end

diff --git a/app/components/primer/beta/button_group.rb b/app/components/primer/beta/button_group.rb
@@ -107,7 +107,7 @@ def initialize(menu_arguments: {}, button_arguments: {})
           @button = @menu.with_show_button(icon: "triangle-down", **button_arguments)
         end
 
-        def render_in(view_context, &block)
+        def render_in(view_context, **_kwargs, &block)
           super(view_context) do
             block.call(@menu, @button)
           end

diff --git a/app/components/primer/dialog_helper.ts b/app/components/primer/dialog_helper.ts
@@ -3,6 +3,14 @@ function setScrollGutter(doc: Document) {
   doc.body.style.setProperty('--dialog-scrollgutter', `${window.innerWidth - doc.body.clientWidth}px`)
 }
 
+function updateBodyModalClasses(doc: Document) {
+  doc.body.classList.toggle('has-modal', Boolean(doc.querySelector('dialog[open]')))
+  doc.body.classList.toggle(
+    'has-modal-disable-scroll',
+    Boolean(doc.querySelector('dialog[open].Overlay--disableScroll')),
+  )
+}
+
 function dialogInvokerButtonHandler(event: Event) {
   const target = event.target as HTMLElement
   const button = target?.closest('button')
@@ -69,6 +77,8 @@ function dialogInvokerButtonHandler(event: Event) {
           {once: true},
         )
       }
+
+      updateBodyModalClasses(dialog.ownerDocument)
     }
   }
 
@@ -77,6 +87,7 @@ function dialogInvokerButtonHandler(event: Event) {
     const dialog = document.getElementById(dialogId)
     if (dialog instanceof HTMLDialogElement && dialog.open) {
       dialog.close()
+      updateBodyModalClasses(dialog.ownerDocument)
     }
   }
 }
@@ -91,6 +102,7 @@ export class DialogHelperElement extends HTMLElement {
     const {signal} = (this.#abortController = new AbortController())
     document.addEventListener('click', dialogInvokerButtonHandler, true)
     document.addEventListener('click', this, {signal})
+    this.dialog?.addEventListener('close', () => updateBodyModalClasses(this.dialog!.ownerDocument), {signal})
     new MutationObserver(records => {
       for (const record of records) {
         if (record.target === this.dialog) {
@@ -107,14 +119,17 @@ export class DialogHelperElement extends HTMLElement {
 
   #handleDialogOpenAttribute() {
     if (!this.dialog) return
+    const {ownerDocument} = this.dialog
     // We don't want to show the Dialog component as non-modal
     if (this.dialog.matches('[open]:not(:modal)')) {
       // eslint-disable-next-line no-restricted-syntax
       this.dialog.addEventListener('close', e => e.stopImmediatePropagation(), {once: true})
       this.dialog.close()
-      setScrollGutter(this.dialog.ownerDocument)
+      setScrollGutter(ownerDocument)
       this.dialog.showModal()
     }
+
+    updateBodyModalClasses(ownerDocument)
   }
 
   handleEvent(event: MouseEvent) {

diff --git a/app/lib/primer/forms/acts_as_component.rb b/app/lib/primer/forms/acts_as_component.rb
@@ -10,7 +10,7 @@ module ActsAsComponent
       module InstanceMethods
         delegate :render, :content_tag, :output_buffer, :capture, to: :@view_context
 
-        def render_in(view_context, &block)
+        def render_in(view_context, **_kwargs, &block)
           @view_context = view_context
           before_render
           perform_render(&block)

diff --git a/app/lib/primer/forms/toggle_switch_form.rb b/app/lib/primer/forms/toggle_switch_form.rb
@@ -69,7 +69,7 @@ def initialize(**system_arguments)
       # assumes the presence of a builder so we create our own here. A builder
       # cannot be constructed without a corresponding view context, which is why
       # we have to override render_in and can't create it in the initializer.
-      def render_in(view_context, &block)
+      def render_in(view_context, **_kwargs, &block)
         @builder = Primer::Forms::Builder.new(
           nil, nil, view_context, {}
         )

diff --git a/demo/Gemfile b/demo/Gemfile
@@ -31,7 +31,7 @@ end
 eval_gemfile "gemfiles/kuby.gemfile"
 
 # Use Puma as the app server
-gem "puma", "~> 8.0.1"
+gem "puma", "~> 8.0.2"
 
 # Reduces boot times through caching; required in config/boot.rb
 gem "bootsnap", ">= 1.4.2", require: false
@@ -40,12 +40,12 @@ gem "openproject-primer_view_components", path: "../"
 gem "view_component", "4.9.0"
 gem "lookbook", "~> 2.3.14" unless rails_version.to_f < 7
 
-gem "vite_rails", "~> 3.0"
+gem "vite_rails", "~> 3.11"
 gem "cssbundling-rails", "~> 1.4"
 
 group :development do
   # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
-  gem "spring", "~> 4.4"
+  gem "spring", "~> 4.6"
   gem "spring-watcher-listen", "~> 2.1"
   gem "hotwire-livereload", "~> 2.1"
 

diff --git a/demo/Gemfile.lock b/demo/Gemfile.lock
@@ -280,14 +280,14 @@ GEM
       date
       stringio
     public_suffix (7.0.2)
-    puma (8.0.1)
+    puma (8.0.2)
       nio4r (~> 2.0)
     racc (1.8.1)
     rack (3.1.21)
     rack-cors (3.0.0)
       logger
       rack (>= 3.0.14)
-    rack-proxy (0.7.7)
+    rack-proxy (0.8.3)
       rack
     rack-session (2.1.2)
       base64 (>= 0.1.0)
@@ -337,7 +337,7 @@ GEM
       faraday (>= 0.17.5, < 3.a)
       jwt (>= 1.5, < 3.0)
       multi_json (~> 1.10)
-    spring (4.4.2)
+    spring (4.7.0)
     spring-watcher-listen (2.1.0)
       listen (>= 2.7, < 4.0)
       spring (>= 4)
@@ -366,7 +366,7 @@ GEM
       actionview (>= 7.1.0)
       activesupport (>= 7.1.0)
       concurrent-ruby (~> 1)
-    vite_rails (3.10.0)
+    vite_rails (3.11.1)
       railties (>= 5.1, < 9)
       vite_ruby (~> 3.0, >= 3.2.2)
     vite_ruby (3.10.2)
@@ -411,18 +411,18 @@ DEPENDENCIES
   lookbook (~> 2.3.14)
   openproject-primer_view_components!
   pry-byebug
-  puma (~> 8.0.1)
+  puma (~> 8.0.2)
   rack-cors
   railties (= 7.2.2.1)
   rake (~> 13.4)
-  spring (~> 4.4)
+  spring (~> 4.6)
   spring-watcher-listen (~> 2.1)
   sprockets
   sprockets-rails
   stimulus-rails
   turbo-rails
   view_component (= 4.9.0)
-  vite_rails (~> 3.0)
+  vite_rails (~> 3.11)
 
 BUNDLED WITH
    2.5.5