Variables of type Macro add a hidden label that takes up unwanted space on a page


A variable of type Macro with Label naturally adds a label to a page it is used on.
If you don't need or want a macro with a label, you can select a variable of type Macro. However, variables of type Macro also add a hidden label to the page. Although the label's not used, it takes up space.

The customer is complaining that this extra unused space is a Significant Impact because it's displayed on all their production catalog items used via self-service by all their staff. For users with smaller screen/resolutions, they need to scroll very far down the page to submit their request. The customer wants to eliminate as much unwanted extra space as possible to minimize the amount of scrolling required to submit a request.

Steps to Reproduce

I saw a few reported Problems similar to this Problem but none that match this description exactly.

This is reproducible on Geneva, demonightlyhelsinki, demonightlyistanbul, and demonightlyjakarta.

1. Service Catalog > Maintain Items

2. Click New.
Give it a Name.
Add Service Catalog to the Catalog field.
Right click the header bar and click Save.

3. Open the Variable Sets tab and click New.
Give it a Name.
Right click the header bar and click Save.

4. In the Variables tab, click New.
Select Type Macro.
In the Question tab, add a question (Side Note: the Question field is mandatory OOB but serves no purpose since the question is never displayed for variables of type Macro)
Provide a Name (without any spaces).
Click Submit.

5. Go back to the item you added in Step 2.
Click the Try It button.

6. Inspect the page.
Click the Select an Element in the Page to Inspect It button.
Hover your mouse pointer near the top of the page just under the header bar until it highlights the element label.col-xs-12.control-label
Click this element.

7. In the Elements pane, expand the highlighted label.
You see a label created with a sys_id that matches the variable of type Macro you created in Step 4.
<label for="IO:f48dc016d1f232004e827d1042e34d8b" class="col-xs-12 control-label"><span id="status.IO:f48dc016d1f232004e827d1042e34d8b" title="" mandatory="false" class=" required-marker" aria-label="" oclass="" data-original-title="">&nbsp;</span><img style="width:1px; margin-right:0px; margin-left:0px" id="section508.IO:f48dc016d1f232004e827d1042e34d8b" title="" src="images/s.gifx" data-original-title=""><span data-toggle="tooltip" class="sn-tooltip-basic " data-placement="auto" data-original-title="" title=""></span></label>

This is an example of an unnecessary hidden label for a Macro variable that the customer is complaining about. Any Macro (for example a Submit Request button) they add will displayed below this hidden label. Customer reports that some users have smaller screens and the extra space requires them to scroll extra far down to see the Submit Request button.

Is a possible easy fix to add the style display: none to this label so that it doesn't take up space?


After carefully considering the severity and frequency of the issue, and risk of attempting a fix, it has been decided not to address this issue. We do not make this decision lightly, and we apologize for any inconvenience. If you have any questions regarding this problem, contact ServiceNow Customer Support

Related Problem: PRB998278