Prevent text selection in placeholder images (#28218)

diff --git a/site/_layouts/examples.html b/site/_layouts/examples.html
index c37dd923d1e2352009ddc87fbec9c4de1de0d7ff..cecd1145d97f2bf61dc132bdd2c3e8cb921db2d9 100644 (file)
--- a/site/_layouts/examples.html
+++ b/site/_layouts/examples.html
@@ -16,6 +16,10 @@
       .bd-placeholder-img {
         font-size: 1.125rem;
         text-anchor: middle;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
       }
 
       @media (min-width: 768px) {

diff --git a/site/docs/4.2/assets/scss/_placeholder-img.scss b/site/docs/4.2/assets/scss/_placeholder-img.scss
index 3fe6a8bbac0f0fa1b28b5afb97adf5de5032d847..90a29544e7edb0a7b2752703ed4b98864ee74770 100644 (file)
--- a/site/docs/4.2/assets/scss/_placeholder-img.scss
+++ b/site/docs/4.2/assets/scss/_placeholder-img.scss
@@ -7,6 +7,7 @@
 .bd-placeholder-img {
   @include font-size(1.125rem);
   text-anchor: middle;
+  user-select: none;
 }
 
 .bd-placeholder-img-lg {