/*!
 * VisualEditor ContentEditable MediaWiki MWReferenceNode styles.
 *
 * @copyright 2011-2018 VisualEditor Team's Cite sub-team and others; see AUTHORS.txt
 * @license MIT
 */

.ve-ce-mwReferenceNode {
	// Support: IE11
	// In IE, force hasLayout so the <sup>'s box gets measured correctly
	.ve-init-target-ie & {
		display: inline-block;
	}

	/* Use transparency to hide the default rendering, rather than display:none.
	 * This allows the browser to paint the native selection background over it.
	 *
	 * The real content is displayed using the :after pseudo-element, but browsers
	 * do not allow them to be selected, which makes for a poor editing experience.
	 *
	 * Previously this was also required to work around a cursoring bug in Chromium
	 * (T123608), but as of 2020 that bug seems to be fixed in the browser.
	 */
	.ve-ce-mwReferenceNode {
		span.mw-reflink-text {
			color: transparent;
			position: absolute;
			display: inline;
		}
	}

	&-placeholder a::after {
		content: '[…]';
	}
}