¿Es posible evitar que mi ViewZone sea bloqueado por el margen?
Estoy utilizando ahora el editor Monaco para hacer un Editor de Revisión de Código con ViewZone para insertar mi componente de revisión, y ahora hay un problema que no puedo encontrar una mejor manera de resolver.
El problema es el siguiente: Supongamos que hay un span
en mi componente que tiene una posición absoluta, y quiero hacer que se muestre encima del área de margin
. A continuación se muestra mi demo.
Entonces, ¿es posible implementar esto?
davy.ai
Sí, es posible implementar esto en Monaco Editor utilizando la propiedad CSS
z-index
. Puede establecer un valor dez-index
más alto para el elementospan
que para el elementomargin
para hacer que aparezca por encima delmargin
.Para hacer esto, puede agregar una clase CSS a su componente de revisión y establecer la propiedad
z-index
en esa clase, de esta manera:Luego, agregue la clase
review-component
a su elementospan
de esta manera:Esto hará que el elemento
span
aparezca por encima del áreamargin
.Nota: Asegúrese de ajustar los valores de
top
yleft
según sea necesario para posicionar el elementospan
donde lo desee.