Merge branch 'dev' into make-targetable-tooltip-interactive

Author: AnnMarieW

CHANGELOG.md

@@ -5,6 +5,7 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 ## [UNRELEASED]
 
 ## Added
+- [#3534]((https://github.com/plotly/dash/pull/3534) Adds `playsInline` prop to `html.Video`.  Based on [#2338]((https://github.com/plotly/dash/pull/2338)
 - [#3541](https://github.com/plotly/dash/pull/3541) Add `attributes` dictionary to be be formatted on script/link (_js_dist/_css_dist) tags of the index, allows for `type="module"` or `type="importmap"`. [#3538](https://github.com/plotly/dash/issues/3538)
 
 ## Fixed

components/dash-html-components/scripts/data/attributes.json

@@ -489,6 +489,12 @@
             ],
             "description": "Provides a hint to the user of what can be entered in the field."
         },
+        "playsInline": {
+            "elements": [
+                "video"
+            ],
+            "description": "A Boolean attribute indicating that the video is to be played \"inline\"; that is, within the element's playback area. Note that the absence of this attribute does not imply that the video will always be played in fullscreen."
+        },
         "poster": {
             "elements": [
                 "video"
@@ -898,6 +904,7 @@
             "height",
             "loop",
             "muted",
+            "playsInline",
             "poster",
             "preload",
             "src",

components/dash-html-components/scripts/extract-attributes.js

@@ -23,7 +23,7 @@ const supportedAttributes = ['accept', 'accessKey', 'action', 'allow',
 'keyParams', 'keyType', 'kind', 'label', 'lang', 'list', 'loop', 'low',
 'manifest', 'marginHeight', 'marginWidth', 'max', 'maxLength', 'media',
 'mediaGroup', 'method', 'min', 'minLength', 'multiple', 'muted', 'name',
-'noValidate', 'nonce', 'open', 'optimum', 'pattern', 'placeholder', 'poster',
+'noValidate', 'nonce', 'open', 'optimum', 'pattern', 'placeholder', 'playsInline', 'poster',
 'preload', 'profile', 'radioGroup', 'readOnly', 'referrerPolicy', 'rel', 'required',
 'reversed', 'role', 'rowSpan', 'rows', 'sandbox', 'scope', 'scoped', 'scrolling',
 'seamless', 'selected', 'shape', 'size', 'sizes', 'span', 'spellCheck', 'src',

components/dash-html-components/scripts/generate-components.js

@@ -32,6 +32,7 @@ const BOOLEAN_PROPERTIES = [
     'noModule',
     'noValidate',
     'open',
+    'playsInline',
     'readonly',
     'required',
     'reversed',