mirror of
https://github.com/servo/servo.git
synced 2025-10-04 02:29:12 +01:00
6cfdd989d5
Gijs for front-end bits, layout for the new CSS properties and the removal of nsDeckFrame / nsStackLayout, Jamie and Morgan for the a11y changes. As discussed in the bug, the main tricky part here is handling a11y correctly. For <deck>, that's trivial (just use `visibility: hidden` to hide the panels visually, while removing the unselected panels from the a11y tree). For <tabpanels> however we need to do something special. We do want to hide stuff visually, but we want to preserve the contents in the a11y tree. For that, the easiest fix is introducing a new privileged CSS property (-moz-subtree-hidden-only-visually), which takes care of not painting the frame, but marks stuff offscreen in the accessibility tree. This is not intended to be a property used widely. Other than that, the changes are relatively straight-forward, though some of the accessible/mac changes I could get a sanity-check on. Differential Revision: https://phabricator.services.mozilla.com/D157875
354 lines
11 KiB
Rust
354 lines
11 KiB
Rust
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
|
|
|
|
<%namespace name="helpers" file="/helpers.mako.rs" />
|
|
<% from data import DEFAULT_RULES_EXCEPT_KEYFRAME, Method %>
|
|
|
|
// CSS Basic User Interface Module Level 1
|
|
// https://drafts.csswg.org/css-ui-3/
|
|
<% data.new_style_struct("UI", inherited=False, gecko_name="UIReset") %>
|
|
|
|
// TODO spec says that UAs should not support this
|
|
// we should probably remove from gecko (https://bugzilla.mozilla.org/show_bug.cgi?id=1328331)
|
|
${helpers.single_keyword(
|
|
"ime-mode",
|
|
"auto normal active disabled inactive",
|
|
engines="gecko",
|
|
gecko_enum_prefix="StyleImeMode",
|
|
gecko_ffi_name="mIMEMode",
|
|
animation_value_type="discrete",
|
|
spec="https://drafts.csswg.org/css-ui/#input-method-editor",
|
|
)}
|
|
|
|
${helpers.single_keyword(
|
|
"scrollbar-width",
|
|
"auto thin none",
|
|
engines="gecko",
|
|
gecko_enum_prefix="StyleScrollbarWidth",
|
|
animation_value_type="discrete",
|
|
spec="https://drafts.csswg.org/css-scrollbars-1/#scrollbar-width"
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"user-select",
|
|
"UserSelect",
|
|
"computed::UserSelect::Auto",
|
|
engines="gecko",
|
|
extra_prefixes="moz webkit",
|
|
animation_value_type="discrete",
|
|
spec="https://drafts.csswg.org/css-ui-4/#propdef-user-select",
|
|
)}
|
|
|
|
// TODO(emilio): This probably should be hidden from content.
|
|
${helpers.single_keyword(
|
|
"-moz-window-dragging",
|
|
"default drag no-drag",
|
|
engines="gecko",
|
|
gecko_ffi_name="mWindowDragging",
|
|
gecko_enum_prefix="StyleWindowDragging",
|
|
animation_value_type="discrete",
|
|
spec="None (Nonstandard Firefox-only property)",
|
|
)}
|
|
|
|
// TODO(emilio): Maybe make shadow behavior on macOS match Linux / Windows, and remove this
|
|
// property.
|
|
${helpers.single_keyword(
|
|
"-moz-window-shadow",
|
|
"default none",
|
|
engines="gecko",
|
|
gecko_ffi_name="mWindowShadow",
|
|
gecko_enum_prefix="StyleWindowShadow",
|
|
gecko_inexhaustive=True,
|
|
animation_value_type="discrete",
|
|
enabled_in="chrome",
|
|
spec="None (Nonstandard internal property)",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"-moz-window-opacity",
|
|
"Opacity",
|
|
"1.0",
|
|
engines="gecko",
|
|
gecko_ffi_name="mWindowOpacity",
|
|
animation_value_type="ComputedValue",
|
|
spec="None (Nonstandard internal property)",
|
|
enabled_in="chrome",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"-moz-window-transform",
|
|
"Transform",
|
|
"generics::transform::Transform::none()",
|
|
engines="gecko",
|
|
animation_value_type="ComputedValue",
|
|
spec="None (Nonstandard internal property)",
|
|
enabled_in="chrome",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"-moz-window-transform-origin",
|
|
"TransformOrigin",
|
|
"computed::TransformOrigin::initial_value()",
|
|
engines="gecko",
|
|
animation_value_type="ComputedValue",
|
|
gecko_ffi_name="mWindowTransformOrigin",
|
|
boxed=True,
|
|
spec="None (Nonstandard internal property)",
|
|
enabled_in="chrome",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"-moz-window-input-region-margin",
|
|
"Length",
|
|
"computed::Length::zero()",
|
|
engines="gecko",
|
|
animation_value_type="ComputedValue",
|
|
spec="None (Nonstandard internal property)",
|
|
enabled_in="chrome",
|
|
)}
|
|
|
|
// Hack to allow chrome to hide stuff only visually (without hiding it from
|
|
// a11y).
|
|
${helpers.predefined_type(
|
|
"-moz-subtree-hidden-only-visually",
|
|
"BoolInteger",
|
|
"computed::BoolInteger::zero()",
|
|
engines="gecko",
|
|
animation_value_type="discrete",
|
|
spec="None (Nonstandard internal property)",
|
|
enabled_in="chrome",
|
|
)}
|
|
|
|
// TODO(emilio): Probably also should be hidden from content.
|
|
${helpers.predefined_type(
|
|
"-moz-force-broken-image-icon",
|
|
"BoolInteger",
|
|
"computed::BoolInteger::zero()",
|
|
engines="gecko",
|
|
animation_value_type="discrete",
|
|
spec="None (Nonstandard Firefox-only property)",
|
|
)}
|
|
|
|
<% transition_extra_prefixes = "moz:layout.css.prefixes.transitions webkit" %>
|
|
|
|
${helpers.predefined_type(
|
|
"transition-duration",
|
|
"Time",
|
|
"computed::Time::zero()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::Time::zero()",
|
|
parse_method="parse_non_negative",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=transition_extra_prefixes,
|
|
spec="https://drafts.csswg.org/css-transitions/#propdef-transition-duration",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"transition-timing-function",
|
|
"TimingFunction",
|
|
"computed::TimingFunction::ease()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::TimingFunction::ease()",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=transition_extra_prefixes,
|
|
spec="https://drafts.csswg.org/css-transitions/#propdef-transition-timing-function",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"transition-property",
|
|
"TransitionProperty",
|
|
"computed::TransitionProperty::all()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::TransitionProperty::all()",
|
|
vector=True,
|
|
allow_empty="NotInitial",
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=transition_extra_prefixes,
|
|
spec="https://drafts.csswg.org/css-transitions/#propdef-transition-property",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"transition-delay",
|
|
"Time",
|
|
"computed::Time::zero()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::Time::zero()",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=transition_extra_prefixes,
|
|
spec="https://drafts.csswg.org/css-transitions/#propdef-transition-delay",
|
|
)}
|
|
|
|
<% animation_extra_prefixes = "moz:layout.css.prefixes.animations webkit" %>
|
|
|
|
${helpers.predefined_type(
|
|
"animation-name",
|
|
"AnimationName",
|
|
"computed::AnimationName::none()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::AnimationName::none()",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=animation_extra_prefixes,
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
spec="https://drafts.csswg.org/css-animations/#propdef-animation-name",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"animation-duration",
|
|
"Time",
|
|
"computed::Time::zero()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::Time::zero()",
|
|
parse_method="parse_non_negative",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=animation_extra_prefixes,
|
|
spec="https://drafts.csswg.org/css-transitions/#propdef-transition-duration",
|
|
)}
|
|
|
|
// animation-timing-function is the exception to the rule for allowed_in_keyframe_block:
|
|
// https://drafts.csswg.org/css-animations/#keyframes
|
|
${helpers.predefined_type(
|
|
"animation-timing-function",
|
|
"TimingFunction",
|
|
"computed::TimingFunction::ease()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::TimingFunction::ease()",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=animation_extra_prefixes,
|
|
spec="https://drafts.csswg.org/css-transitions/#propdef-animation-timing-function",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"animation-iteration-count",
|
|
"AnimationIterationCount",
|
|
"computed::AnimationIterationCount::one()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::AnimationIterationCount::one()",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=animation_extra_prefixes,
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
spec="https://drafts.csswg.org/css-animations/#propdef-animation-iteration-count",
|
|
)}
|
|
|
|
<% animation_direction_custom_consts = { "alternate-reverse": "Alternate_reverse" } %>
|
|
${helpers.single_keyword(
|
|
"animation-direction",
|
|
"normal reverse alternate alternate-reverse",
|
|
engines="gecko servo",
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
vector=True,
|
|
gecko_enum_prefix="PlaybackDirection",
|
|
custom_consts=animation_direction_custom_consts,
|
|
extra_prefixes=animation_extra_prefixes,
|
|
gecko_inexhaustive=True,
|
|
spec="https://drafts.csswg.org/css-animations/#propdef-animation-direction",
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
)}
|
|
|
|
${helpers.single_keyword(
|
|
"animation-play-state",
|
|
"running paused",
|
|
engines="gecko servo",
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
vector=True,
|
|
extra_prefixes=animation_extra_prefixes,
|
|
gecko_enum_prefix="StyleAnimationPlayState",
|
|
spec="https://drafts.csswg.org/css-animations/#propdef-animation-play-state",
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
)}
|
|
|
|
${helpers.single_keyword(
|
|
"animation-fill-mode",
|
|
"none forwards backwards both",
|
|
engines="gecko servo",
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
vector=True,
|
|
gecko_enum_prefix="FillMode",
|
|
extra_prefixes=animation_extra_prefixes,
|
|
gecko_inexhaustive=True,
|
|
spec="https://drafts.csswg.org/css-animations/#propdef-animation-fill-mode",
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
)}
|
|
|
|
${helpers.single_keyword(
|
|
"animation-composition",
|
|
"replace add accumulate",
|
|
engines="gecko servo",
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
vector=True,
|
|
gecko_enum_prefix="CompositeOperation",
|
|
gecko_inexhaustive=True,
|
|
gecko_pref="layout.css.animation-composition.enabled",
|
|
servo_pref="layout.unimplemented",
|
|
spec="https://drafts.csswg.org/css-animations-2/#animation-composition",
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"animation-delay",
|
|
"Time",
|
|
"computed::Time::zero()",
|
|
engines="gecko servo",
|
|
initial_specified_value="specified::Time::zero()",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
extra_prefixes=animation_extra_prefixes,
|
|
spec="https://drafts.csswg.org/css-animations/#propdef-animation-delay",
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"animation-timeline",
|
|
"AnimationTimeline",
|
|
"computed::AnimationTimeline::auto()",
|
|
engines="gecko servo",
|
|
servo_pref="layout.unimplemented",
|
|
initial_specified_value="specified::AnimationTimeline::auto()",
|
|
vector=True,
|
|
need_index=True,
|
|
animation_value_type="none",
|
|
gecko_pref="layout.css.scroll-linked-animations.enabled",
|
|
spec="https://drafts.csswg.org/css-animations-2/#propdef-animation-timeline",
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"scroll-timeline-name",
|
|
"ScrollTimelineName",
|
|
"computed::ScrollTimelineName::none()",
|
|
engines="gecko",
|
|
animation_value_type="none",
|
|
gecko_pref="layout.css.scroll-linked-animations.enabled",
|
|
spec="https://github.com/w3c/csswg-drafts/issues/6674",
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
)}
|
|
|
|
${helpers.predefined_type(
|
|
"scroll-timeline-axis",
|
|
"ScrollAxis",
|
|
"computed::ScrollAxis::default()",
|
|
engines="gecko",
|
|
animation_value_type="none",
|
|
gecko_pref="layout.css.scroll-linked-animations.enabled",
|
|
spec="https://github.com/w3c/csswg-drafts/issues/6674",
|
|
rule_types_allowed=DEFAULT_RULES_EXCEPT_KEYFRAME,
|
|
)}
|