パブリック投稿の権限がなくてもパブリックを選択して投稿できてしまう

[ozelotdev]

💡 Summary

パブリック投稿の権限がなくても、パブリックを選択して投稿できてしまいます。

バックエンド側は自動でローカルに変更する処理が行われていますが、
フロントエンド側は何も案内がないため、ユーザが混乱するのではないかと思いました。

🥰 Expected Behavior

パブリックを選択できないようにするか、選択した状態で投稿できないようにする。

🤬 Actual Behavior

パブリックを選択した状態で投稿ができてしまう。
（ただし自動的に公開範囲はホームが設定される）

📝 Steps to Reproduce

1. ベースロールから「パブリック投稿を許可」をいいえにする
2. 公開範囲をパブリックの設定して投稿する

💻 Frontend Environment

* Model and OS of the device(s): Windows 10
* Browser: Firefox 120.0b4 64bit
* Server URL: http://localhost:3000
* Misskey: 2023.11.0-beta.7

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service: development environment (devcontainer)
* Misskey: 2023.11.0-beta.7
* Node: v20.5.1
* PostgreSQL: 15
* Redis: 7
* OS and Architecture: Debian GNU/Linux 11 (Docker)

[ozelotdev]

ノート画面

misskey/packages/frontend/src/components/MkVisibilityPicker.vue

Lines 7 to 41 in d45b2dd

	<MkModal ref="modal" v-slot="{ type }" :zPriority="'high'" :src="src" @click="modal.close()" @closed="emit('closed')">
	<div class="_popup" :class="{ [$style.root]: true, [$style.asDrawer]: type === 'drawer' }">
	<div :class="[$style.label, $style.item]">
	{{ i18n.ts.visibility }}
	</div>
	<button key="public" class="_button" :class="[$style.item, { [$style.active]: v === 'public' }]" data-index="1" @click="choose('public')">
	<div :class="$style.icon"><i class="ti ti-world"></i></div>
	<div :class="$style.body">
	<span :class="$style.itemTitle">{{ i18n.ts._visibility.public }}</span>
	<span :class="$style.itemDescription">{{ i18n.ts._visibility.publicDescription }}</span>
	</div>
	</button>
	<button key="home" class="_button" :class="[$style.item, { [$style.active]: v === 'home' }]" data-index="2" @click="choose('home')">
	<div :class="$style.icon"><i class="ti ti-home"></i></div>
	<div :class="$style.body">
	<span :class="$style.itemTitle">{{ i18n.ts._visibility.home }}</span>
	<span :class="$style.itemDescription">{{ i18n.ts._visibility.homeDescription }}</span>
	</div>
	</button>
	<button key="followers" class="_button" :class="[$style.item, { [$style.active]: v === 'followers' }]" data-index="3" @click="choose('followers')">
	<div :class="$style.icon"><i class="ti ti-lock"></i></div>
	<div :class="$style.body">
	<span :class="$style.itemTitle">{{ i18n.ts._visibility.followers }}</span>
	<span :class="$style.itemDescription">{{ i18n.ts._visibility.followersDescription }}</span>
	</div>
	</button>
	<button key="specified" :disabled="localOnly" class="_button" :class="[$style.item, { [$style.active]: v === 'specified' }]" data-index="4" @click="choose('specified')">
	<div :class="$style.icon"><i class="ti ti-mail"></i></div>
	<div :class="$style.body">
	<span :class="$style.itemTitle">{{ i18n.ts._visibility.specified }}</span>
	<span :class="$style.itemDescription">{{ i18n.ts._visibility.specifiedDescription }}</span>
	</div>
	</button>
	</div>
	</MkModal>

設定 > デフォルトの公開範囲

misskey/packages/frontend/src/pages/settings/privacy.vue

Lines 41 to 62 in af779eb

	<FormSection>
	<div class="_gaps_m">
	<MkSwitch v-model="rememberNoteVisibility" @update:modelValue="save()">{{ i18n.ts.rememberNoteVisibility }}</MkSwitch>
	<MkFolder v-if="!rememberNoteVisibility">
	<template #label>{{ i18n.ts.defaultNoteVisibility }}</template>
	<template v-if="defaultNoteVisibility === 'public'" #suffix>{{ i18n.ts._visibility.public }}</template>
	<template v-else-if="defaultNoteVisibility === 'home'" #suffix>{{ i18n.ts._visibility.home }}</template>
	<template v-else-if="defaultNoteVisibility === 'followers'" #suffix>{{ i18n.ts._visibility.followers }}</template>
	<template v-else-if="defaultNoteVisibility === 'specified'" #suffix>{{ i18n.ts._visibility.specified }}</template>
	<div class="_gaps_m">
	<MkSelect v-model="defaultNoteVisibility">
	<option value="public">{{ i18n.ts._visibility.public }}</option>
	<option value="home">{{ i18n.ts._visibility.home }}</option>
	<option value="followers">{{ i18n.ts._visibility.followers }}</option>
	<option value="specified">{{ i18n.ts._visibility.specified }}</option>
	</MkSelect>
	<MkSwitch v-model="defaultNoteLocalOnly">{{ i18n.ts._visibility.disableFederation }}</MkSwitch>
	</div>
	</MkFolder>
	</div>
	</FormSection>