playbook_ui 14.9.0.pre.rc.2 → 14.9.0.pre.rc.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d14698be5c15b845e59e332fc0ab1c2c6965c77e59018c3bad8b5bd41beafbfe
-  data.tar.gz: 649e4172f0522cade43f026b6dd0628b2d7f0ac028dde651eed925a4dab38dad
+  metadata.gz: e959111c674510cdba13098e6a5cc40e627019df10b5fe20171a1618a1a8e8d3
+  data.tar.gz: 1093b1d7314a2f75b990a72cd3498bbf68bf123c181f22a4815d6e6891334e27
 SHA512:
-  metadata.gz: 8cd3654f094d42f5a5a63b36b95f283af18cdf03b9c08100cdde148752b896a83b87af41467f6c520e98e39e353e8e6399983876a8aa54d3b094bc1433d4ffb7
-  data.tar.gz: f137b24e54410be2a2229ae63c344c6b63dec687fbb8319e4f957786a154fc73f9d0a82948f43c11d16d703a7800aff894470a2c2eb3741744e2ea6122106ad7
+  metadata.gz: 35e5cc676447e2774086d3f5723e6a90d11325d61f3a1519ab98255bd839e4599705fc32d6cf40c81f0518271ba8436a90a255c9f7202cff65c535d1aa3cba41
+  data.tar.gz: f4825b9e64285a11b9e3fbd6c3f13ec271f579f4923c115d3be829512fe9ecefe9d58d6faf0247daf4bfadfb59170196c99b8794d1ac0da46540f28efee97005

data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss

@@ -53,6 +53,7 @@
     }
 
     .pb_dropdown_container {
+      position: absolute;
       background-color: $white;
       overflow: hidden;
       box-shadow: $shadow_deep;

data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb

@@ -3,7 +3,6 @@
     class: object.classname,
     data: object.data,
     id: object.id,
-    style: object.container_style,
     **combined_html_options) do %>
     <%= pb_rails("list", props: {ordered: false, borderless: false}) do %>
             <% if content.present? %> 

data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb

@@ -7,10 +7,6 @@ module Playbook
         generate_classname("pb_dropdown_container", "close", separator: " ")
       end
 
-      def container_style
-        "position: absolute"
-      end
-
       def data
         Hash(prop(:data)).merge(dropdown_container: true)
       end

data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss

@@ -2,6 +2,7 @@
 @import "../tokens/border_radius";
 @import "../tokens/spacing";
 @import "../tokens/shadows";
+@import "../tokens/positioning";
 
 [class^=pb_typeahead_kit] {
   .typeahead-kit-select__option {
@@ -99,6 +100,7 @@
     .typeahead-kit-select__menu {
       background-color: $bg_dark;
       color: $white;
+      z-index: $z_1;
     }
     .typeahead-kit-select__option:hover {
       background-color: $active_dark;
@@ -182,6 +184,7 @@
   }
  
   .typeahead-kit-select__menu {
+    z-index: $z_1;
     .typeahead-kit-select__menu-list {
       padding: 0;
     }