File tree Expand file tree Collapse file tree 1 file changed +9
-0
lines changed Expand file tree Collapse file tree 1 file changed +9
-0
lines changed Original file line number Diff line number Diff line change @@ -407,6 +407,14 @@ export const BToast = /*#__PURE__*/ Vue.extend({
407
407
return h ( )
408
408
}
409
409
const name = `b-toast-${ this . _uid } `
410
+ const $parent = this . $parent
411
+ // If scoped styles are applied, and the toast is not static,
412
+ // Make sure hte scoped style data attribute is applied
413
+ const scopeAttrs =
414
+ ! this . static && $parent && $parent . $options . _scopeId
415
+ ? { [ `${ [ $parent . $options . _scopeId ] } ` ] : '' }
416
+ : { }
417
+
410
418
return h (
411
419
Portal ,
412
420
{
@@ -427,6 +435,7 @@ export const BToast = /*#__PURE__*/ Vue.extend({
427
435
staticClass : 'b-toast' ,
428
436
class : this . bToastClasses ,
429
437
attrs : {
438
+ ...scopeAttrs ,
430
439
id : this . safeId ( '_toast_outer' ) ,
431
440
role : this . isHiding ? null : this . isStatus ? 'status' : 'alert' ,
432
441
'aria-live' : this . isHiding ? null : this . isStatus ? 'polite' : 'assertive' ,
You can’t perform that action at this time.
0 commit comments