[BUG] Rounded cornor missing in hyprland

[littleblack111]

Rofi version (rofi -v or git commit in case of build issue)

Version: 1.7.5+wayland3

Configuration

https://gist.github.com/littleblack111/2703bf15955be29c4c0848a14c2f1488

Theme

https://gist.github.com/littleblack111/0ebb4899736f66cf26e14f8905fab9c4

Timing report

No response

Launch command

rofi -show drun -theme $HOME/.config/rofi/launcher.rasi

Step to reproduce

swap from rofi to rofi-wayland
run it

Expected behavior

Have the same size and have rounded cornors like the normal rofi version

Actual behavior

have a much bigger size? and no rounded corners

Additional information

this is the rasi:
/----- Configuration -----/
configuration {
modi: "drun,run,filebrowser,window";
show-icons: true;
display-drun: " Apps";
display-run: " Run";
display-filebrowser: " Files";
display-window: " Windows";
drun-display-format: "{name}";
window-format: "{c} · {t}";
}

/----- Global Properties -----/
@import "shared/colors.rasi"
@import "shared/fonts.rasi"

• {
  border-colour: var(selected);
  handle-colour: var(selected);
  background-colour: var(background);
  foreground-colour: var(foreground);
  alternate-background: var(background-alt);
  normal-background: var(background);
  normal-foreground: var(foreground);
  urgent-background: var(urgent);
  urgent-foreground: var(background);
  active-background: var(active);
  active-foreground: var(background);
  selected-normal-background: var(selected);
  selected-normal-foreground: var(foreground);
  selected-urgent-background: var(active);
  selected-urgent-foreground: var(foreground);
  selected-active-background: var(urgent);
  selected-active-foreground: var(foreground);
  alternate-normal-background: var(background);
  alternate-normal-foreground: var(foreground);
  alternate-urgent-background: var(urgent);
  alternate-urgent-foreground: var(background);
  alternate-active-background: var(active);
  alternate-active-foreground: var(background);
  }

/----- Main Window -----/
window {
/* properties for window widget */
transparency: "real";
location: center;
anchor: center;
fullscreen: false;
width: 1200px;
x-offset: 0px;
y-offset: 0px;

/* properties for all widgets */
enabled:                     true;
margin:                      0px;
padding:                     0px;
border:                      1px solid;
border-radius:               0px;
border-color:                @border-colour;
cursor:                      "default";
/* Backgroud Colors */
background-color:            @background-colour;
/* Backgroud Image */
//background-image:          url("/path/to/image.png", none);
/* Simple Linear Gradient */
//background-image:          linear-gradient(red, orange, pink, purple);
/* Directional Linear Gradient */
//background-image:          linear-gradient(to bottom, pink, yellow, magenta);
/* Angle Linear Gradient */
//background-image:          linear-gradient(45, cyan, purple, indigo);

}

/----- Main Box -----/
mainbox {
enabled: true;
spacing: 10px;
margin: 0px;
padding: 20px;
border: 0px solid;
border-radius: 0px 0px 0px 0px;
border-color: @border-colour;
background-color: transparent;
children: [ "inputbar", "message", "listview", "mode-switcher" ];
}

/----- Inputbar -----/
inputbar {
enabled: true;
spacing: 10px;
margin: 0px;
padding: 0px 0px 8px 0px;
border: 0px 0px 1px 0px;
border-radius: 2px 2px 2px 2px;
border-color: @border-colour;
background-color: transparent;
text-color: @foreground-colour;
children: [ "textbox-prompt-colon", "entry" ];
}

prompt {
enabled: true;
background-color: inherit;
text-color: inherit;
}
textbox-prompt-colon {
enabled: true;
padding: 0px;
expand: false;
str: "";
background-color: inherit;
text-color: inherit;
}
entry {
enabled: true;
padding: 0px;
background-color: inherit;
text-color: inherit;
cursor: text;
placeholder: "Search...";
placeholder-color: inherit;
}
num-filtered-rows {
enabled: true;
expand: false;
background-color: inherit;
text-color: inherit;
}
textbox-num-sep {
enabled: true;
expand: false;
str: "/";
background-color: inherit;
text-color: inherit;
}
num-rows {
enabled: true;
expand: false;
background-color: inherit;
text-color: inherit;
}
case-indicator {
enabled: true;
background-color: inherit;
text-color: inherit;
}

/----- Listview -----/
listview {
enabled: true;
columns: 1;
lines: 14;
cycle: true;
dynamic: true;
scrollbar: true;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: true;

spacing:                     5px;
margin:                      0px;
padding:                     0px;
border:                      0px solid;
border-radius:               6px 6px 6px 6px;
border-color:                @border-colour;
background-color:            transparent;
text-color:                  @foreground-colour;
cursor:                      "default";

}
scrollbar {
handle-width: 5px ;
handle-color: @handle-colour;
border-radius: 16px 16px 16px 16px;
background-color: @alternate-background;
}

/----- Elements -----/
element {
enabled: true;
spacing: 10px;
margin: 0px;
padding: 6px;
border: 0px solid;
border-radius: 0px;
border-color: @border-colour;
background-color: transparent;
text-color: @foreground-colour;
cursor: pointer;
}
element normal.normal {
----background-color: var(normal-background);
background-color: @alternate-background;
background-color: @alternate-background;
text-color: var(normal-foreground);
}
element normal.urgent {
background-color: var(urgent-background);
text-color: var(urgent-foreground);
}
element normal.active {
background-color: var(active-background);
text-color: var(active-foreground);
}
element selected.normal {
background-color: var(selected-normal-background);
text-color: var(selected-normal-foreground);
}
element selected.urgent {
background-color: var(selected-urgent-background);
text-color: var(selected-urgent-foreground);
}
element selected.active {
background-color: var(selected-active-background);
text-color: var(selected-active-foreground);
}
element alternate.normal {
background-color: @alternate-background;
--background-color: @alternate-background;
--background-color: var(alternate-normal-background);
text-color: var(alternate-normal-foreground);
}
element alternate.urgent {
background-color: var(alternate-urgent-background);
text-color: var(alternate-urgent-foreground);
}
element alternate.active {
background-color: var(alternate-active-background);
text-color: var(alternate-active-foreground);
}
element-icon {
background-color: transparent;
text-color: inherit;
size: 24px;
cursor: inherit;
}
element-text {
background-color: transparent;
text-color: inherit;
highlight: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0.0;
}

/----- Mode Switcher -----/
mode-switcher{
enabled: true;
spacing: 10px;
margin: 0px;
padding: 0px;
border: 0px solid;
border-radius: 6px 6px 6px 6px;
border-color: @border-colour;
background-color: transparent;
text-color: @foreground-colour;
}
button {
padding: 8px 12px;
border: 0px solid;
border-radius: 0px;
border-color: @border-colour;
background-color: @alternate-background;
text-color: inherit;
cursor: pointer;
}
button selected {
background-color: var(selected-normal-background);
text-color: var(selected-normal-foreground);
}

/----- Message -----/
message {
enabled: true;
margin: 0px;
padding: 8px 12px;
border: 0px solid;
border-radius: 0px;
border-color: @border-colour;
background-color: @alternate-background;
text-color: @foreground-colour;
}
textbox {
border: 0px solid;
border-color: @border-colour;
background-color: transparent;
text-color: @foreground-colour;
vertical-align: 0.5;
horizontal-align: 0.0;
highlight: none;
placeholder-color: @foreground-colour;
blink: true;
markup: true;
}
error-message {
padding: 20px;
border: 0px solid;
border-radius: 0px;
border-color: @border-colour;
background-color: @background-colour;
text-color: @foreground-colour;
}

Using wayland display server protocol

• Yes, I use rofi with wayland support

I've checked if the issue exists in the latest stable release

• Yes, I have checked the problem exists in the latest stable version

[alba4k]

using the x11 version of rofi creates a window. This one creates a layer

Window rules therefore won't work on this fork of rofi.

The corners would probably be more rounded if you hadn't told your config do NOT round them using border-radius: 0px 0px 0px 0px;

This is intended behavior and this issue should be closed