👻Ghost in Your pants👻 Comments

👻Ghost in Your pants👻

Posts Comments

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

can we hop on a call?

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

try this

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

https://stackblitz.com/edit/vitejs-vite-8yexf1?file=src%2FApp.css

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

wait a moment

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

wdym can you send a ss?

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

anyone?

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

any clue how i can get this?

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

but in the event of view port width getting smaller i want overflow y

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

.sortOptionsContainer {
  display: flex;
  gap: 1em;
  /* background-color: aqua; */
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.sortOptionsContainer {
  display: flex;
  gap: 1em;
  /* background-color: aqua; */
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

if i remove the both overflow properties the issue gets fixed

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

here i created a stackblitz insted

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

https://stackblitz.com/~/github.com/yesrab/musicCart

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

sure but i have figured out that the an over flow is causing this but just give me a min ill create a code pen

22 replies

KPCKevin Powell - Community

•Created by 👻Ghost in Your pants👻 on 3/20/2024 in #front-end

position absolute element is underneath other element

.dropDown {
  position: relative;
}

.dropdownButtons {
  display: flex;
  align-items: center;
  background-color: #d9d9d9;
  border: none;
  border-radius: 1em;
  padding: 2px 5px;
  cursor: pointer;
  flex-wrap: nowrap;
  text-wrap: nowrap;
}

.dropDownMenu {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 10px;
  height: 100px;
  width: 100px;
  background-color: yellow;
}
.dropDownList {
  list-style: none;
  background-color: aqua;
  text-align: center;
}
.dropDownList > li {
  margin-top: 5px;
}

.dropDown {
  position: relative;
}

.dropdownButtons {
  display: flex;
  align-items: center;
  background-color: #d9d9d9;
  border: none;
  border-radius: 1em;
  padding: 2px 5px;
  cursor: pointer;
  flex-wrap: nowrap;
  text-wrap: nowrap;
}

.dropDownMenu {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 10px;
  height: 100px;
  width: 100px;
  background-color: yellow;
}
.dropDownList {
  list-style: none;
  background-color: aqua;
  text-align: center;
}
.dropDownList > li {
  margin-top: 5px;
}