diff --git a/src/client/components/autocomplete.vue b/src/client/components/autocomplete.vue
index 1fe74adc6..ae742610f 100644
--- a/src/client/components/autocomplete.vue
+++ b/src/client/components/autocomplete.vue
@@ -401,8 +401,7 @@ export default defineComponent({
z-index: 65535;
max-width: 100%;
margin-top: calc(1em + 8px);
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
transition: top 0.1s ease, left 0.1s ease;
> ol {
@@ -419,8 +418,7 @@ export default defineComponent({
align-items: center;
padding: 4px 12px;
white-space: nowrap;
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
font-size: 0.9em;
cursor: default;
@@ -429,8 +427,7 @@ export default defineComponent({
}
* {
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
text-overflow: ellipsis;
}
diff --git a/src/client/components/channel-preview.vue b/src/client/components/channel-preview.vue
index 3e24774f5..e222ad7ae 100644
--- a/src/client/components/channel-preview.vue
+++ b/src/client/components/channel-preview.vue
@@ -66,8 +66,7 @@ export default defineComponent({
diff --git a/src/client/components/ui/button.vue b/src/client/components/ui/button.vue
index e98c5efcc..3901e8ae4 100644
--- a/src/client/components/ui/button.vue
+++ b/src/client/components/ui/button.vue
@@ -124,8 +124,7 @@ export default defineComponent({
text-decoration: none;
background: var(--buttonBg);
border-radius: 999px;
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
&:not(:disabled):hover {
background: var(--buttonHoverBg);
@@ -213,8 +212,7 @@ export default defineComponent({
width: 100%;
height: 100%;
border-radius: 6px;
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
::v-deep(div) {
position: absolute;
diff --git a/src/client/components/ui/container.vue b/src/client/components/ui/container.vue
index b9360e92f..c3353cca8 100644
--- a/src/client/components/ui/container.vue
+++ b/src/client/components/ui/container.vue
@@ -116,8 +116,7 @@ export default defineComponent({
.ukygtjoj {
position: relative;
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
&.naked {
background: transparent !important;
diff --git a/src/client/components/ui/input.vue b/src/client/components/ui/input.vue
index cea1ec1b7..1c5222f8f 100644
--- a/src/client/components/ui/input.vue
+++ b/src/client/components/ui/input.vue
@@ -298,8 +298,7 @@ export default defineComponent({
transform: scale(.75);
white-space: nowrap;
width: 133%;
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
text-overflow: ellipsis;
> .warning {
@@ -355,8 +354,7 @@ export default defineComponent({
display: inline-block;
min-width: 16px;
max-width: 150px;
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
diff --git a/src/client/components/ui/menu.vue b/src/client/components/ui/menu.vue
index c9accf7c3..c2033402e 100644
--- a/src/client/components/ui/menu.vue
+++ b/src/client/components/ui/menu.vue
@@ -155,8 +155,7 @@ export default defineComponent({
font-size: 0.9em;
line-height: 20px;
text-align: center;
- overflow: hidden; // overflow: clip; をSafariが対応したら消す
- overflow: clip;
+ overflow: hidden;
text-overflow: ellipsis;
&.danger {
diff --git a/src/client/components/ui/modal-window.vue b/src/client/components/ui/modal-window.vue
index 3965b537e..2cdf96137 100644
--- a/src/client/components/ui/modal-window.vue
+++ b/src/client/components/ui/modal-window.vue
@@ -89,8 +89,7 @@ export default defineComponent({