From 970f3b3a8fb2ebdb559cd380cc2820d932ffb33d Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Tue, 16 Jun 2020 11:30:40 -0700
Subject: [PATCH] v5: Add role=button cursor in Reboot (#31040)

* v5: Add role=button cursor in Reboot

Ports the changes from #30562 made in v4.5 and adds them to v5. This replaces #30563 which sought to add this to the utility API, but the v4 PR shifted to implement an accessible solution vs a lone utility.

* Update reboot.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
---
 scss/_reboot.scss                       | 7 +++++++
 site/content/docs/5.0/content/reboot.md | 9 +++++++++
 2 files changed, 16 insertions(+)

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 85306b9429..b3763d05a7 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -441,6 +441,13 @@ select {
   text-transform: none;
 }
 
+// Set the cursor for non-`<button>` buttons
+//
+// Details at https://github.com/twbs/bootstrap/pull/30562
+[role="button"] {
+  cursor: pointer;
+}
+
 // Remove the inheritance of word-wrap in Safari.
 // See https://github.com/twbs/bootstrap/issues/24990
 
diff --git a/site/content/docs/5.0/content/reboot.md b/site/content/docs/5.0/content/reboot.md
index 2af0045740..9f459e7bb2 100644
--- a/site/content/docs/5.0/content/reboot.md
+++ b/site/content/docs/5.0/content/reboot.md
@@ -370,6 +370,15 @@ These changes, and more, are demonstrated below.
 {{< partial "callout-warning-input-support.md" >}}
 {{< /callout >}}
 
+### Pointers on buttons
+
+Reboot includes an enhancement for `role="button"` to change the default cursor to `pointer`. Add this attribute to elements to help indicate elements are interactive. This role isn't necessary for `<button>` elements, which gets its own `cursor` change.
+
+{% capture example %}
+<span role="button">Non-button element button</span>
+{% endcapture %}
+{% include example.html content=example %}
+
 ## Misc elements
 
 ### Address