Как видно на скриншотах ниже, когда я кодирую, появляется всплывающее окно, которое заставляет меня что-то печатать. Хотя все эти всплывающие окна верны, с ним есть ошибки.
Например:
- Я не могу выделить и выбрать код с помощью мыши
- Я не могу перейти к другой строке кода, пока не появится всплывающее окно с
- Всплывающее окно не закрывается при нажатии «x»
- При вводе всплывающего окна вводит текст назад, вынуждая меня удалить то, что я набрал, и затем снова появляется всплывающее окно.
Это всплывающее окно появляется в коде Visual Studio, но также и в FreeCodeCamp. Он не отображается в WordPress в разделе «Редактировать тему» и не отображается в Notepad ++.
Я закрыл Chrome, но проблема все еще появляется в VS C, Я закрыл VS C, но проблема все еще появляется в Chrome.
Снимки экрана:
Редактировать
При проверке инструментов разработчика мне удалось скопировать элемент где этот код появляется на веб-странице Freecodecamp
<div class="zone-widget" widgetid="vs.editor.contrib.zoneWidgetd1" style="width: 534px; left: 0px; top: 96px; height: 96px; position: absolute;"><div class="zone-widget-container peekview-widget" style="border-top-color: rgb(244, 135, 113); border-bottom-color: rgb(244, 135, 113); height: 74px; border-top-width: 3px; border-bottom-width: 3px; top: 8px; overflow: hidden;"><div class="head" style="background-color: rgb(45, 45, 48); height: 29px; line-height: 29px;"><div class="peekview-title"><div class="severity-icon severity-error"></div><span class="filename" style="color: rgb(255, 255, 255);" aria-label="3">3</span><span class="dirname" style="color: rgba(204, 204, 204, 0.7);">1 of 1 problem</span><span class="meta"></span></div><div class="peekview-actions"><div class="monaco-action-bar animated reverse"><ul class="actions-container" role="toolbar"><li class="action-item" role="presentation"><a class="action-label icon close-peekview-action" role="button" tabindex="0" title="Close"></a></li><li class="action-item" role="presentation"><a class="action-label icon show-previous-problem chevron-up" role="button" tabindex="0" title="Go to Previous Problem (Error, Warning, Info) (Shift+Alt+F8)"></a></li><li class="action-item" role="presentation"><a class="action-label icon show-next-problem chevron-down" role="button" tabindex="0" title="Go to Next Problem (Error, Warning, Info) (Alt+F8)"></a></li></ul></div></div></div><div class="body marker-widget" tabindex="0" role="tooltip" style="background-color: rgb(45, 45, 48); border-color: rgb(244, 135, 113); height: 43px;"><div style="height: 43px;"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden; height: 43px; width: 534px;"><div class="descriptioncontainer" aria-live="assertive" role="alert" style="overflow: hidden; left: 0px; top: 0px;"><div class="message" style="font-family: Consolas, "Courier New", monospace; font-weight: normal; font-size: 18px; line-height: 24px; letter-spacing: 0px;"><div>Identifier expected.</div></div><div style="font-family: Consolas, "Courier New", monospace; font-weight: normal; font-size: 18px; line-height: 24px; letter-spacing: 0px;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute; width: 531px; height: 3px; left: 0px; bottom: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 3px; will-change: transform; width: 531px;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute; width: 3px; height: 43px; right: 0px; top: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 3px; will-change: transform; height: 43px;"></div></div></div></div></div></div><div class="monaco-sash horizontal disabled" aria-hidden="true" style="display: none; top: 83px; left: 0px; width: 560px;"></div></div>